body
{
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 400;
   font-weight: 300;
   font-size: 19px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
   overflow-x: hidden;
}
body:after
{
   background-color: #FFFFFF;
   background-image: url('../images/melissa_seaside5.jpg');
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   content: "";
   height: 100vh;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: -1;
}
a
{
   color: #4169E1;
   text-decoration: underline;
}
a:visited
{
   color: #808080;
}
a:active
{
   color: #FFDAB9;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
.visibility-hidden
{
   visibility: hidden;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
   #wb_LayoutGrid3, #wb_LayoutGrid6, #wb_footer
   {
      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)
{
   #wb_LayoutGrid3, #wb_LayoutGrid6, #wb_footer
   {
      background-attachment: scroll !important;
   }
}
#wb_header
{
   clear: both;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 7777;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   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;
   max-width: 1200px;
}
#header > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#header > .row > .col-1, #header > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#header > .row > .col-1, #header > .row > .col-2
{
   float: left;
}
#header > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: left;
}
#header > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 75%;
   text-align: right;
}
#header:before,
#header:after,
#header .row:before,
#header .row:after
{
   display: table;
   content: " ";
}
#header:after,
#header .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#header > .row > .col-1, #header > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_melissa
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 100vh;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#melissa
{
   box-sizing: border-box;
   height: 100vh;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 75px 0 75px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#melissa > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 2px;
   padding-left: 2px;
   position: relative;
}
#melissa > .col-1
{
   flex: 0 0 auto;
}
#melissa > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 520px)
{
#melissa > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#melissa-divider-top
{
   overflow: hidden;
   position: absolute;
   top: 0%;
   width: 100%;
   height: 50px;
   line-height: 0;
   left: 0;
   transform: scale(-1.0, -1.01);
}
#melissa-divider-top svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   top: 0;
   transform: translateX(-50%);
}
#melissa-divider-top .divider-fill
{
   fill: rgba(255,255,255,1.00);
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#wb_epanomi
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-image: linear-gradient(to top, rgba(255,255,255,0.60) 0%, rgba(0,0,0,0.20) 100%);
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#epanomi
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#epanomi > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#epanomi > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#epanomi > .row > .col-1
{
   float: left;
}
#epanomi > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#epanomi > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#epanomi:before,
#epanomi:after,
#epanomi .row:before,
#epanomi .row:after
{
   display: table;
   content: " ";
}
#epanomi:after,
#epanomi .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#epanomi > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_wedding
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#wedding
{
   box-sizing: border-box;
   padding: 20px 15px 20px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#wedding > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wedding > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#wedding > .row > .col-1
{
   float: left;
}
#wedding > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#wedding > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#wedding:before,
#wedding:after,
#wedding .row:before,
#wedding .row:after
{
   display: table;
   content: " ";
}
#wedding:after,
#wedding .row:after
{
   clear: both;
}
@media (max-width: 620px)
{
#wedding > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_skillsInner
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(255,255,255,0.80);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
   box-shadow: 0px 2px 5px rgba(0,0,0,0.28);
}
#skillsInner
{
   box-sizing: border-box;
   padding: 0 5px 0 5px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#skillsInner > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#skillsInner > .row > .col-1, #skillsInner > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#skillsInner > .row > .col-1, #skillsInner > .row > .col-2
{
   float: left;
}
#skillsInner > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#skillsInner > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 50px 0 50px 0;
}
#skillsInner > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#skillsInner > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 50px 0 50px 0;
}
#skillsInner:before,
#skillsInner:after,
#skillsInner .row:before,
#skillsInner .row:after
{
   display: table;
   content: " ";
}
#skillsInner:after,
#skillsInner .row:after
{
   clear: both;
}
@media (max-width: 620px)
{
#skillsInner > .row > .col-1, #skillsInner > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_services
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(0,0,0,0.30);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#services
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#services > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#services > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#services > .row > .col-1
{
   float: left;
}
#services > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#services > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#services:before,
#services:after,
#services .row:before,
#services .row:after
{
   display: table;
   content: " ";
}
#services:after,
#services .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#services > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_homeText 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 50px 20px 50px;
   margin: 0;
   text-align: center;
}
#wb_homeText
{
   color: #FAFAD2;
   font-family: Arial;
   font-weight: 400;
   font-size: 27px;
   line-height: 30px;
}
#wb_homeText p, #wb_homeText ul
{
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
#wb_homeText
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#upStickyLayer
{
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 50%;
   opacity: 0.77;
}
#wb_up-arrow
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #3E3E3E;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 4px 4px 4px 4px;
   vertical-align: top;
}
#wb_up-arrow a
{
   text-decoration: none;
}
#wb_up-arrow a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#up-arrow
{
   height: 24px;
   width: 24px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#up-arrow i
{
   color: #000000;
   display: inline-block;
   font-size: 24px;
   line-height: 24px;
   vertical-align: middle;
}
#wb_up-arrow:hover #up-arrow i
{
   color: #A9A9A9;
}
#wb_serviceMelissa
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(0,0,0,0.50);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#serviceMelissa
{
   box-sizing: border-box;
   padding: 10px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#serviceMelissa > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#serviceMelissa > .row > .col-1, #serviceMelissa > .row > .col-2, #serviceMelissa > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#serviceMelissa > .row > .col-1, #serviceMelissa > .row > .col-2, #serviceMelissa > .row > .col-3
{
   float: left;
}
#serviceMelissa > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#serviceMelissa > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 0 0;
}
#serviceMelissa > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#serviceMelissa > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 0 0;
}
#serviceMelissa > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#serviceMelissa > .row > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 0 0;
}
#serviceMelissa:before,
#serviceMelissa:after,
#serviceMelissa .row:before,
#serviceMelissa .row:after
{
   display: table;
   content: " ";
}
#serviceMelissa:after,
#serviceMelissa .row:after
{
   clear: both;
}
@media (max-width: 600px)
{
#serviceMelissa > .row > .col-1, #serviceMelissa > .row > .col-2, #serviceMelissa > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(0,0,0,0.50);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   padding: 0 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2, #LayoutGrid2 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2, #LayoutGrid2 > .row > .col-3
{
   float: left;
}
#LayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid2 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 0 0;
}
#LayoutGrid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid2 > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 0 0;
}
#LayoutGrid2 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid2 > .row > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 0 0;
}
#LayoutGrid2:before,
#LayoutGrid2:after,
#LayoutGrid2 .row:before,
#LayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid2:after,
#LayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 600px)
{
#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2, #LayoutGrid2 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_melissaWedding
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-image: linear-gradient(to top, rgba(255,255,255,0.83) 0%, rgba(0,0,0,0.50) 100%);
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#melissaWedding
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#melissaWedding > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#melissaWedding > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#melissaWedding > .row > .col-1
{
   float: left;
}
#melissaWedding > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#melissaWedding > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 25px 0 25px;
}
#melissaWedding:before,
#melissaWedding:after,
#melissaWedding .row:before,
#melissaWedding .row:after
{
   display: table;
   content: " ";
}
#melissaWedding:after,
#melissaWedding .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#melissaWedding > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_gallery
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(0,0,0,0.50);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#gallery
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#gallery > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#gallery > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#gallery > .row > .col-1
{
   float: left;
}
#gallery > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#gallery > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#gallery:before,
#gallery:after,
#gallery .row:before,
#gallery .row:after
{
   display: table;
   content: " ";
}
#gallery:after,
#gallery .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#gallery > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#gallery-divider-top
{
   overflow: hidden;
   position: absolute;
   top: 0%;
   width: 100%;
   height: 50px;
   line-height: 0;
   left: 0;
   transform: scaleX(-1.0);
}
#gallery-divider-top svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   top: 0;
   transform: translateX(-50%);
}
#gallery-divider-top .divider-fill
{
   fill: rgba(255,255,255,1.00);
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#wb_LayoutGrid7
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(0,0,0,0.50);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid7
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid7 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid7 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid7 > .row > .col-1
{
   float: left;
}
#LayoutGrid7 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid7 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#LayoutGrid7:before,
#LayoutGrid7:after,
#LayoutGrid7 .row:before,
#LayoutGrid7 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid7:after,
#LayoutGrid7 .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#LayoutGrid7 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_portfolioLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(0,0,0,0.50);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#portfolioLayoutGrid1
{
   box-sizing: border-box;
   padding: 0 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#portfolioLayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#portfolioLayoutGrid1 > .row > .col-1, #portfolioLayoutGrid1 > .row > .col-2, #portfolioLayoutGrid1 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#portfolioLayoutGrid1 > .row > .col-1, #portfolioLayoutGrid1 > .row > .col-2, #portfolioLayoutGrid1 > .row > .col-3
{
   float: left;
}
#portfolioLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#portfolioLayoutGrid1 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#portfolioLayoutGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#portfolioLayoutGrid1 > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#portfolioLayoutGrid1 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#portfolioLayoutGrid1 > .row > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#portfolioLayoutGrid1:before,
#portfolioLayoutGrid1:after,
#portfolioLayoutGrid1 .row:before,
#portfolioLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#portfolioLayoutGrid1:after,
#portfolioLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#portfolioLayoutGrid1 > .row > .col-1, #portfolioLayoutGrid1 > .row > .col-2, #portfolioLayoutGrid1 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_portfolioLayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(0,0,0,0.50);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#portfolioLayoutGrid2
{
   box-sizing: border-box;
   padding: 0 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#portfolioLayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#portfolioLayoutGrid2 > .row > .col-1, #portfolioLayoutGrid2 > .row > .col-2, #portfolioLayoutGrid2 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#portfolioLayoutGrid2 > .row > .col-1, #portfolioLayoutGrid2 > .row > .col-2, #portfolioLayoutGrid2 > .row > .col-3
{
   float: left;
}
#portfolioLayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#portfolioLayoutGrid2 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#portfolioLayoutGrid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#portfolioLayoutGrid2 > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#portfolioLayoutGrid2 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#portfolioLayoutGrid2 > .row > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#portfolioLayoutGrid2:before,
#portfolioLayoutGrid2:after,
#portfolioLayoutGrid2 .row:before,
#portfolioLayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#portfolioLayoutGrid2:after,
#portfolioLayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#portfolioLayoutGrid2 > .row > .col-1, #portfolioLayoutGrid2 > .row > .col-2, #portfolioLayoutGrid2 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(0,0,0,0.50);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   padding: 0 1px 0 1px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid1 > .row
{
   margin-right: -1px;
   margin-left: -1px;
}
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2, #LayoutGrid1 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 1px;
   padding-left: 1px;
   position: relative;
}
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2, #LayoutGrid1 > .row > .col-3
{
   float: left;
}
#LayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid1 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid1:before,
#LayoutGrid1:after,
#LayoutGrid1 .row:before,
#LayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid1:after,
#LayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2, #LayoutGrid1 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_videoMelissa
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(0,0,0,0.50);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#videoMelissa
{
   box-sizing: border-box;
   padding: 0 1px 0 1px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#videoMelissa > .row
{
   margin-right: -1px;
   margin-left: -1px;
}
#videoMelissa > .row > .col-1, #videoMelissa > .row > .col-2, #videoMelissa > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 1px;
   padding-left: 1px;
   position: relative;
}
#videoMelissa > .row > .col-1, #videoMelissa > .row > .col-2, #videoMelissa > .row > .col-3
{
   float: left;
}
#videoMelissa > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#videoMelissa > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#videoMelissa > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#videoMelissa:before,
#videoMelissa:after,
#videoMelissa .row:before,
#videoMelissa .row:after
{
   display: table;
   content: " ";
}
#videoMelissa:after,
#videoMelissa .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#videoMelissa > .row > .col-1, #videoMelissa > .row > .col-2, #videoMelissa > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#portfolioRollOverText3 .image
{
   display: block;
   position: relative;
}
#portfolioRollOverText3 .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(123,115,200,0.60);
   opacity: 0;
   transition: all 500ms linear;
}
#portfolioRollOverText3 .title
{
   position: relative;
   text-align: center;
   padding: 0;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   transform: translateY(-250%);
   transition: all 500ms linear;
}
#portfolioRollOverText3 .description
{
   position: relative;
   margin: 0;
   padding: 0;
   text-align: center;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   transform: scale(0);
   transition: all 500ms linear;
}
#portfolioRollOverText3 .link
{
   display: inline-block;
   z-index: 1;
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: center;
   text-decoration: underline;
   opacity: 0;
   transform: translateY(250%);
   transition: all 500ms linear;
}
#portfolioRollOverText3:hover .caption
{
   opacity: 1;
   transition-delay: 0ms;
}
#portfolioRollOverText3:hover .title
{
   opacity: 1;
   transform: translateY(0%);
}
#portfolioRollOverText3:hover .description
{
   opacity: 1;
   transform: scale(1);
}
#portfolioRollOverText3:hover .link
{
   opacity: 1;
   transform: translateY(0%);
}
#portfolioRollOverText3 .caption::before
{
   position: absolute;
   transform: scale(0, 1);
   transform-origin: 0 0;
   top: 50px;
   bottom: 50px;
   right: 25px;
   left: 25px;
   border-top: 1px solid rgba(255,255,255,0.80);
   border-bottom: 1px solid rgba(255,255,255,0.80);
   content: "";
   opacity: 0;
   transition: all 1000ms linear;
}
#portfolioRollOverText3 .caption::after
{
   position: absolute;
   content: "";
   opacity: 0;
   transform: scale(1, 0);
   transform-origin: 100% 0;
   right: 50px;
   left: 50px;
   top: 25px;
   bottom: 25px;
   border-left: 1px solid rgba(255,255,255,0.80);
   border-right: 1px solid rgba(255,255,255,0.80);
   transition: all 1000ms linear;
}
#portfolioRollOverText3:hover > .caption::after
{
   opacity: 1;
   transform: scale(1);
}
#portfolioRollOverText3:hover > .caption::before
{
   transform: scale(1);
   opacity: 1;
}
#portfolioRollOverText3 .image
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#portfolioRollOverText3
{
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
}
#wb_servicesCard1
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: rgba(255,255,255,0.80);
   background-image: none;
   border: 1px solid #DEDEDE;
   border-radius: 16px;
   text-align: center;
}
#servicesCard1-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#servicesCard1-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 21px;
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#servicesCard1-card-item0:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 200ms linear 0ms;
}
#servicesCard1-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#servicesCard1-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 21px;
   width: 21px;
}
#servicesCard1-card-item1
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#servicesCard1-card-item2
{
   box-sizing: border-box;
   margin: 0 6px 30px 6px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_skillsText 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_skillsText
{
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 19px;
   line-height: 22px;
}
#wb_skillsText p, #wb_skillsText ul
{
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
#wb_skillsText
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_gamos
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(255,255,255,0.40);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#gamos
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#gamos > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#gamos > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#gamos > .row > .col-1
{
   float: left;
}
#gamos > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#gamos > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#gamos:before,
#gamos:after,
#gamos .row:before,
#gamos .row:after
{
   display: table;
   content: " ";
}
#gamos:after,
#gamos .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#gamos > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid11
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid11
{
   box-sizing: border-box;
   padding: 20px 15px 20px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid11 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid11 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid11 > .row > .col-1
{
   float: left;
}
#LayoutGrid11 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid11 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#LayoutGrid11:before,
#LayoutGrid11:after,
#LayoutGrid11 .row:before,
#LayoutGrid11 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid11:after,
#LayoutGrid11 .row:after
{
   clear: both;
}
@media (max-width: 620px)
{
#LayoutGrid11 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid5
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid5
{
   box-sizing: border-box;
   padding: 150px 15px 150px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid5 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid5 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid5 > .row > .col-1
{
   float: left;
}
#LayoutGrid5 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid5 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 25px 0 25px;
}
#LayoutGrid5:before,
#LayoutGrid5:after,
#LayoutGrid5 .row:before,
#LayoutGrid5 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid5:after,
#LayoutGrid5 .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#LayoutGrid5 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_weddingPlan
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(0,0,0,0.00);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#weddingPlan
{
   box-sizing: border-box;
   padding: 20px 15px 20px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#weddingPlan > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#weddingPlan > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#weddingPlan > .row > .col-1
{
   float: left;
}
#weddingPlan > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#weddingPlan > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#weddingPlan:before,
#weddingPlan:after,
#weddingPlan .row:before,
#weddingPlan .row:after
{
   display: table;
   content: " ";
}
#weddingPlan:after,
#weddingPlan .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#weddingPlan > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_contact
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-image: linear-gradient(to top, #FFFFFF 0%, rgba(255,255,255,0.17) 100%);
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#contact
{
   box-sizing: border-box;
   padding: 50px 5px 0 5px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#contact > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#contact > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#contact > .row > .col-1
{
   float: left;
}
#contact > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#contact > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 50px 0 50px 0;
}
#contact:before,
#contact:after,
#contact .row:before,
#contact .row:after
{
   display: table;
   content: " ";
}
#contact:after,
#contact .row:after
{
   clear: both;
}
@media (max-width: 600px)
{
#contact > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_contactForm
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#contactForm
{
   box-sizing: border-box;
   padding: 0 10px 0 10px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#contactForm > .row
{
   margin-right: -10px;
   margin-left: -10px;
}
#contactForm > .row > .col-1, #contactForm > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 10px;
   padding-left: 10px;
   position: relative;
}
#contactForm > .row > .col-1, #contactForm > .row > .col-2
{
   float: left;
}
#contactForm > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#contactForm > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 40px 0 40px 0;
}
#contactForm > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#contactForm > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 40px 0 40px 0;
}
#contactForm:before,
#contactForm:after,
#contactForm .row:before,
#contactForm .row:after
{
   display: table;
   content: " ";
}
#contactForm:after,
#contactForm .row:after
{
   clear: both;
}
@media (max-width: 600px)
{
#contactForm > .row > .col-1, #contactForm > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_contactText2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 10px 0;
   margin: 0;
   text-align: left;
}
#wb_contactText2
{
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 19px;
   line-height: 22px;
}
#wb_contactText2 p, #wb_contactText2 ul
{
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
#wb_contactText2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_contactText3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_contactText3
{
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 15px;
   line-height: 17px;
}
#wb_contactText3 p, #wb_contactText3 ul
{
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
#wb_contactText3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_contactIcon1
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 6px 6px 6px 6px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_contactIcon1 a
{
   text-decoration: none;
}
#wb_contactIcon1 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#contactIcon1
{
   height: 28px;
   width: 28px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#contactIcon1 i
{
   color: #0C0C0C;
   display: inline-block;
   font-size: 28px;
   line-height: 28px;
   vertical-align: middle;
}
#wb_contactIcon1:hover #contactIcon1 i
{
   color: #EEE8AA;
}
#wb_contactIcon2
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 6px 6px 6px 6px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_contactIcon2 a
{
   text-decoration: none;
}
#wb_contactIcon2 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#contactIcon2
{
   height: 28px;
   width: 28px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#contactIcon2 i
{
   color: #0C0C0C;
   display: inline-block;
   font-size: 28px;
   line-height: 28px;
   vertical-align: middle;
}
#wb_contactIcon2:hover #contactIcon2 i
{
   color: #EEE8AA;
}
#wb_contactIcon3
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 6px 6px 6px 6px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_contactIcon3 a
{
   text-decoration: none;
}
#wb_contactIcon3 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#contactIcon3
{
   height: 28px;
   width: 28px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#contactIcon3 i
{
   color: #0C0C0C;
   display: inline-block;
   font-size: 28px;
   line-height: 28px;
   vertical-align: middle;
}
#wb_contactIcon3:hover #contactIcon3 i
{
   color: #EEE8AA;
}
#wb_contactIcon4
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 6px 6px 6px 6px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_contactIcon4 a
{
   text-decoration: none;
}
#wb_contactIcon4 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#contactIcon4
{
   height: 28px;
   width: 28px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#contactIcon4 i
{
   color: #0C0C0C;
   display: inline-block;
   font-size: 28px;
   line-height: 28px;
   vertical-align: middle;
}
#wb_contactIcon4:hover #contactIcon4 i
{
   color: #EEE8AA;
}
#wb_Image1
{
   margin: 25px 0 0 0 ;
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 50%;
   box-sizing: border-box;
   padding: 0;
   animation: filter-blur-in 3000ms linear 0ms 1 normal both;
   display: block;
   width: 100%;
   height: auto;
   max-width: 100px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#TextArt3
{
   border-width: 0;
   vertical-align: top;
}
#wb_TextArt3
{
   margin: 0;
   animation: filter-blur-in 2000ms linear 0ms 1 normal both;
   vertical-align: top;
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Heading1
{
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 37px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_Image2
{
   margin: 0;
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 32px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Heading2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Heading2
{
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 35px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#RollOverText1 .image
{
   display: block;
   position: relative;
}
#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(123,115,200,0.60);
   opacity: 0;
   transition: all 500ms linear;
}
#RollOverText1 .title
{
   position: relative;
   text-align: center;
   padding: 0;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   transform: translateY(-250%);
   transition: all 500ms linear;
}
#RollOverText1 .description
{
   position: relative;
   margin: 0;
   padding: 0;
   text-align: center;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   transform: scale(0);
   transition: all 500ms linear;
}
#RollOverText1 .link
{
   display: inline-block;
   z-index: 1;
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: center;
   text-decoration: underline;
   opacity: 0;
   transform: translateY(250%);
   transition: all 500ms linear;
}
#RollOverText1:hover .caption
{
   opacity: 1;
   transition-delay: 0ms;
}
#RollOverText1:hover .title
{
   opacity: 1;
   transform: translateY(0%);
}
#RollOverText1:hover .description
{
   opacity: 1;
   transform: scale(1);
}
#RollOverText1:hover .link
{
   opacity: 1;
   transform: translateY(0%);
}
#RollOverText1 .caption::before
{
   position: absolute;
   transform: scale(0, 1);
   transform-origin: 0 0;
   top: 50px;
   bottom: 50px;
   right: 25px;
   left: 25px;
   border-top: 1px solid rgba(255,255,255,0.80);
   border-bottom: 1px solid rgba(255,255,255,0.80);
   content: "";
   opacity: 0;
   transition: all 1000ms linear;
}
#RollOverText1 .caption::after
{
   position: absolute;
   content: "";
   opacity: 0;
   transform: scale(1, 0);
   transform-origin: 100% 0;
   right: 50px;
   left: 50px;
   top: 25px;
   bottom: 25px;
   border-left: 1px solid rgba(255,255,255,0.80);
   border-right: 1px solid rgba(255,255,255,0.80);
   transition: all 1000ms linear;
}
#RollOverText1:hover > .caption::after
{
   opacity: 1;
   transform: scale(1);
}
#RollOverText1:hover > .caption::before
{
   transform: scale(1);
   opacity: 1;
}
#RollOverText1 .image
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText1
{
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: url('../images/melissa_gamos.jpg');
   background-repeat: repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   padding: 140px 5px 140px 5px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid3 > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#LayoutGrid3 > .row > .col-1, #LayoutGrid3 > .row > .col-2, #LayoutGrid3 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#LayoutGrid3 > .row > .col-1, #LayoutGrid3 > .row > .col-2, #LayoutGrid3 > .row > .col-3
{
   float: left;
}
#LayoutGrid3 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid3 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid3 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid3:before,
#LayoutGrid3:after,
#LayoutGrid3 .row:before,
#LayoutGrid3 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid3:after,
#LayoutGrid3 .row:after
{
   clear: both;
}
@media (max-width: 620px)
{
#LayoutGrid3 > .row > .col-1, #LayoutGrid3 > .row > .col-2, #LayoutGrid3 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#LayoutGrid3-overlay
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   border-radius: 0px;
   background-color: #FFFFFF;
   opacity: 0.4;
}
#LayoutGrid3-divider-top
{
   overflow: hidden;
   position: absolute;
   top: 0%;
   width: 100%;
   height: 50px;
   line-height: 0;
   left: 0;
}
#LayoutGrid3-divider-top svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   top: 0;
   transform: translateX(-50%);
}
#LayoutGrid3-divider-top .divider-fill
{
   fill: rgba(255,255,255,1.00);
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#wb_LayoutGrid6
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: url('../images/olympos_melissaview2.jpg');
   background-repeat: repeat;
   background-position: left top;
   background-attachment: fixed;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid6
{
   box-sizing: border-box;
   padding: 50px 0 50px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid6 > .row
{
   margin-right: 0;
   margin-left: 0;
}
#LayoutGrid6 > .row > .col-1, #LayoutGrid6 > .row > .col-2, #LayoutGrid6 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid6 > .row > .col-1, #LayoutGrid6 > .row > .col-2, #LayoutGrid6 > .row > .col-3
{
   float: left;
}
#LayoutGrid6 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid6 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 30px 0 0 0;
}
#LayoutGrid6 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid6 > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 30px 0 0 0;
}
#LayoutGrid6 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid6 > .row > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 30px 0 0 0;
}
#LayoutGrid6:before,
#LayoutGrid6:after,
#LayoutGrid6 .row:before,
#LayoutGrid6 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid6:after,
#LayoutGrid6 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#LayoutGrid6 > .row > .col-1, #LayoutGrid6 > .row > .col-2, #LayoutGrid6 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_Card2
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: rgba(255,255,255,0.40);
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 0px;
   text-align: center;
}
#Card2-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card2-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 27px;
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   border: 0px solid #7A7A7A;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 27px;
}
#wb_Card2:hover #Card2-card-item0
{
   transform: rotate(0deg) scale(0.8,0.8) ;
   transition: transform 300ms linear 0ms;
}
#Card2-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 300ms linear 0ms;
}
#Card2-card-item0 a
{
   color: inherit;
   display: block;
   padding: 0;
   text-decoration: none;
}
#Card2-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 27px;
   width: 27px;
}
#Card2-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card2-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto";
   font-weight: 300;
   font-style: normal;
   font-size: 24px;
   line-height: 36px;
}
#wb_Card3
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: rgba(255,255,255,0.40);
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 0px;
   text-align: center;
}
#Card3-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card3-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 27px;
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   padding: 0;
   border: 0px solid #7A7A7A;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 27px;
}
#wb_Card3:hover #Card3-card-item0
{
   transform: rotate(0deg) scale(0.8,0.8) ;
   transition: transform 300ms linear 0ms;
}
#Card3-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 300ms linear 0ms;
}
#Card3-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 27px;
   width: 27px;
}
#Card3-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card3-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 24px;
   line-height: 36px;
}
#wb_Card4
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: rgba(255,255,255,0.40);
   background-image: none;
   border: 1px solid #EEE8AA;
   border-radius: 21px;
   text-align: center;
}
#Card4-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card4-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 27px;
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   border: 0px solid #7A7A7A;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 27px;
}
#wb_Card4:hover #Card4-card-item0
{
   transform: rotate(0deg) scale(0.8,0.8) ;
   transition: transform 300ms linear 0ms;
}
#Card4-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 300ms linear 0ms;
}
#Card4-card-item0 a
{
   color: inherit;
   display: block;
   padding: 0;
   text-decoration: none;
}
#Card4-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 27px;
   width: 27px;
}
#Card4-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card4-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 17px;
   line-height: 25.5px;
}
#wb_footer
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: url('../images/melissa_ktima3.jpg');
   background-repeat: repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#footer
{
   box-sizing: border-box;
   padding: 55px 15px 55px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#footer > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#footer > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#footer > .row > .col-1
{
   float: left;
}
#footer > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#footer:before,
#footer:after,
#footer .row:before,
#footer .row:after
{
   display: table;
   content: " ";
}
#footer:after,
#footer .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#footer > .row > .col-1
{
   float: none;
   width: 100%;
}
}
#wb_Card1
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: rgba(255,255,255,0.80);
   background-image: none;
   border: 1px solid #DEDEDE;
   border-radius: 16px;
   text-align: center;
}
#Card1-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card1-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 21px;
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#Card1-card-item0:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 200ms linear 0ms;
}
#Card1-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Card1-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 21px;
   width: 21px;
}
#Card1-card-item1
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#Card1-card-item2
{
   box-sizing: border-box;
   margin: 0 6px 30px 6px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_Card5
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: rgba(255,255,255,0.80);
   background-image: none;
   border: 1px solid #DEDEDE;
   border-radius: 16px;
   text-align: center;
}
#Card5-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card5-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 21px;
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#Card5-card-item0:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 200ms linear 0ms;
}
#Card5-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Card5-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 21px;
   width: 21px;
}
#Card5-card-item1
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#Card5-card-item2
{
   box-sizing: border-box;
   margin: 0 6px 30px 6px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_Card6
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: rgba(255,255,255,0.80);
   background-image: none;
   border: 1px solid #DEDEDE;
   border-radius: 16px;
   text-align: center;
}
#Card6-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card6-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 21px;
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#Card6-card-item0:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 200ms linear 0ms;
}
#Card6-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Card6-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 21px;
   width: 21px;
}
#Card6-card-item1
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#Card6-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 30px 20px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#wb_FontAwesomeIcon3
{
   background-color: transparent;
   background-image: none;
   border: 1px solid #4F4F4F;
   border-radius: 50%;
   text-align: center;
   margin: 0 0 0 6px;
   padding: 6px 6px 6px 6px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_FontAwesomeIcon3 a
{
   text-decoration: none;
}
#wb_FontAwesomeIcon3 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_FontAwesomeIcon3:hover
{
   background-color: transparent;
   background-image: none;
   border: 1px solid #C3CEE1;
}
#FontAwesomeIcon3
{
   height: 18px;
   width: 18px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#FontAwesomeIcon3 i
{
   color: #4F4F4F;
   display: inline-block;
   font-size: 18px;
   line-height: 18px;
   vertical-align: middle;
}
#wb_FontAwesomeIcon3:hover #FontAwesomeIcon3 i
{
   color: #EEE8AA;
}
#wb_Card7
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 30px 10px 30px 10px;
   background-color: rgba(0,0,0,0.20);
   background-image: none;
   border: 1px solid #EEE8AA;
   border-radius: 0px;
   text-align: center;
}
#Card7-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card7-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#RollOverText2 .image
{
   display: block;
   position: relative;
}
#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(123,115,200,0.60);
   opacity: 0;
   transition: all 500ms linear;
}
#RollOverText2 .title
{
   position: relative;
   text-align: center;
   padding: 0;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   transform: translateY(-250%);
   transition: all 500ms linear;
}
#RollOverText2 .description
{
   position: relative;
   margin: 0;
   padding: 0;
   text-align: center;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   transform: scale(0);
   transition: all 500ms linear;
}
#RollOverText2 .link
{
   display: inline-block;
   z-index: 1;
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: center;
   text-decoration: underline;
   opacity: 0;
   transform: translateY(250%);
   transition: all 500ms linear;
}
#RollOverText2:hover .caption
{
   opacity: 1;
   transition-delay: 0ms;
}
#RollOverText2:hover .title
{
   opacity: 1;
   transform: translateY(0%);
}
#RollOverText2:hover .description
{
   opacity: 1;
   transform: scale(1);
}
#RollOverText2:hover .link
{
   opacity: 1;
   transform: translateY(0%);
}
#RollOverText2 .caption::before
{
   position: absolute;
   transform: scale(0, 1);
   transform-origin: 0 0;
   top: 50px;
   bottom: 50px;
   right: 25px;
   left: 25px;
   border-top: 1px solid rgba(255,255,255,0.80);
   border-bottom: 1px solid rgba(255,255,255,0.80);
   content: "";
   opacity: 0;
   transition: all 1000ms linear;
}
#RollOverText2 .caption::after
{
   position: absolute;
   content: "";
   opacity: 0;
   transform: scale(1, 0);
   transform-origin: 100% 0;
   right: 50px;
   left: 50px;
   top: 25px;
   bottom: 25px;
   border-left: 1px solid rgba(255,255,255,0.80);
   border-right: 1px solid rgba(255,255,255,0.80);
   transition: all 1000ms linear;
}
#RollOverText2:hover > .caption::after
{
   opacity: 1;
   transform: scale(1);
}
#RollOverText2:hover > .caption::before
{
   transform: scale(1);
   opacity: 1;
}
#RollOverText2 .image
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText2
{
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
}
#RollOverText3 .image
{
   display: block;
   position: relative;
}
#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(123,115,200,0.60);
   opacity: 0;
   transition: all 500ms linear;
}
#RollOverText3 .title
{
   position: relative;
   text-align: center;
   padding: 0;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   transform: translateY(-250%);
   transition: all 500ms linear;
}
#RollOverText3 .description
{
   position: relative;
   margin: 0;
   padding: 0;
   text-align: center;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   transform: scale(0);
   transition: all 500ms linear;
}
#RollOverText3 .link
{
   display: inline-block;
   z-index: 1;
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: center;
   text-decoration: underline;
   opacity: 0;
   transform: translateY(250%);
   transition: all 500ms linear;
}
#RollOverText3:hover .caption
{
   opacity: 1;
   transition-delay: 0ms;
}
#RollOverText3:hover .title
{
   opacity: 1;
   transform: translateY(0%);
}
#RollOverText3:hover .description
{
   opacity: 1;
   transform: scale(1);
}
#RollOverText3:hover .link
{
   opacity: 1;
   transform: translateY(0%);
}
#RollOverText3 .caption::before
{
   position: absolute;
   transform: scale(0, 1);
   transform-origin: 0 0;
   top: 50px;
   bottom: 50px;
   right: 25px;
   left: 25px;
   border-top: 1px solid rgba(255,255,255,0.80);
   border-bottom: 1px solid rgba(255,255,255,0.80);
   content: "";
   opacity: 0;
   transition: all 1000ms linear;
}
#RollOverText3 .caption::after
{
   position: absolute;
   content: "";
   opacity: 0;
   transform: scale(1, 0);
   transform-origin: 100% 0;
   right: 50px;
   left: 50px;
   top: 25px;
   bottom: 25px;
   border-left: 1px solid rgba(255,255,255,0.80);
   border-right: 1px solid rgba(255,255,255,0.80);
   transition: all 1000ms linear;
}
#RollOverText3:hover > .caption::after
{
   opacity: 1;
   transform: scale(1);
}
#RollOverText3:hover > .caption::before
{
   transform: scale(1);
   opacity: 1;
}
#RollOverText3 .image
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText3
{
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
}
#RollOverText4 .image
{
   display: block;
   position: relative;
}
#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(123,115,200,0.60);
   opacity: 0;
   transition: all 500ms linear;
}
#RollOverText4 .title
{
   position: relative;
   text-align: center;
   padding: 0;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   transform: translateY(-250%);
   transition: all 500ms linear;
}
#RollOverText4 .description
{
   position: relative;
   margin: 0;
   padding: 0;
   text-align: center;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   transform: scale(0);
   transition: all 500ms linear;
}
#RollOverText4 .link
{
   display: inline-block;
   z-index: 1;
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: center;
   text-decoration: underline;
   opacity: 0;
   transform: translateY(250%);
   transition: all 500ms linear;
}
#RollOverText4:hover .caption
{
   opacity: 1;
   transition-delay: 0ms;
}
#RollOverText4:hover .title
{
   opacity: 1;
   transform: translateY(0%);
}
#RollOverText4:hover .description
{
   opacity: 1;
   transform: scale(1);
}
#RollOverText4:hover .link
{
   opacity: 1;
   transform: translateY(0%);
}
#RollOverText4 .caption::before
{
   position: absolute;
   transform: scale(0, 1);
   transform-origin: 0 0;
   top: 50px;
   bottom: 50px;
   right: 25px;
   left: 25px;
   border-top: 1px solid rgba(255,255,255,0.80);
   border-bottom: 1px solid rgba(255,255,255,0.80);
   content: "";
   opacity: 0;
   transition: all 1000ms linear;
}
#RollOverText4 .caption::after
{
   position: absolute;
   content: "";
   opacity: 0;
   transform: scale(1, 0);
   transform-origin: 100% 0;
   right: 50px;
   left: 50px;
   top: 25px;
   bottom: 25px;
   border-left: 1px solid rgba(255,255,255,0.80);
   border-right: 1px solid rgba(255,255,255,0.80);
   transition: all 1000ms linear;
}
#RollOverText4:hover > .caption::after
{
   opacity: 1;
   transform: scale(1);
}
#RollOverText4:hover > .caption::before
{
   transform: scale(1);
   opacity: 1;
}
#RollOverText4 .image
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText4
{
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
}
#RollOverText5 .image
{
   display: block;
   position: relative;
}
#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(123,115,200,0.60);
   opacity: 0;
   transition: all 500ms linear;
}
#RollOverText5 .title
{
   position: relative;
   text-align: center;
   padding: 0;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   transform: translateY(-250%);
   transition: all 500ms linear;
}
#RollOverText5 .description
{
   position: relative;
   margin: 0;
   padding: 0;
   text-align: center;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   transform: scale(0);
   transition: all 500ms linear;
}
#RollOverText5 .link
{
   display: inline-block;
   z-index: 1;
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: center;
   text-decoration: underline;
   opacity: 0;
   transform: translateY(250%);
   transition: all 500ms linear;
}
#RollOverText5:hover .caption
{
   opacity: 1;
   transition-delay: 0ms;
}
#RollOverText5:hover .title
{
   opacity: 1;
   transform: translateY(0%);
}
#RollOverText5:hover .description
{
   opacity: 1;
   transform: scale(1);
}
#RollOverText5:hover .link
{
   opacity: 1;
   transform: translateY(0%);
}
#RollOverText5 .caption::before
{
   position: absolute;
   transform: scale(0, 1);
   transform-origin: 0 0;
   top: 50px;
   bottom: 50px;
   right: 25px;
   left: 25px;
   border-top: 1px solid rgba(255,255,255,0.80);
   border-bottom: 1px solid rgba(255,255,255,0.80);
   content: "";
   opacity: 0;
   transition: all 1000ms linear;
}
#RollOverText5 .caption::after
{
   position: absolute;
   content: "";
   opacity: 0;
   transform: scale(1, 0);
   transform-origin: 100% 0;
   right: 50px;
   left: 50px;
   top: 25px;
   bottom: 25px;
   border-left: 1px solid rgba(255,255,255,0.80);
   border-right: 1px solid rgba(255,255,255,0.80);
   transition: all 1000ms linear;
}
#RollOverText5:hover > .caption::after
{
   opacity: 1;
   transform: scale(1);
}
#RollOverText5:hover > .caption::before
{
   transform: scale(1);
   opacity: 1;
}
#RollOverText5 .image
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText5
{
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
}
#Accordion1
{
   width: 100%;
   height: 100%;
}
#wb_Accordion1 .ui-helper-reset
{
   line-height: normal !important;
}
#Accordion1 .ui-accordion-header
{
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 19px;
   font-style: normal;
   outline: none;
   padding: 4px 20px 4px 22px;
   text-align: left;
}
#Accordion1 .ui-accordion-header:not(:first-child)
{
   margin-top: 0px;
}
#Accordion1 .ui-accordion-header .ui-icon
{
   position: absolute !important;
   left: 10px;
   top: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   align-content: center;
   height: 100%;
   width: 16px;
   box-sizing: border-box;
   background-image: none;
   fill: currentColor;
   margin: 0;
}
#Accordion1 .icon-default
{
   display: block;
   flex: 1;
   padding: 2px;
}
#Accordion1 .icon-active
{
   display: none;
   flex: 1;
   padding: 2px;
}
#Accordion1 .ui-state-active .icon-default
{
   display: none;
}
#Accordion1 .ui-state-active .icon-active
{
   display: block;
}
#Accordion1 .ui-accordion-content
{
   padding: 5px 20px 5px 22px;
   position: relative;
   font-size: 0;
   text-align: left;
}
#Accordion1, #Accordion1 > .ui-corner-all, #Accordion1 > .ui-corner-top
{
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
}
#Accordion1 .ui-corner-all, #Accordion1 .ui-corner-bottom
{
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}
#Accordion1 .ui-widget-content
{
   border-color: rgba(123,115,200,1.00);
   border-width: 0px;
   background-color: transparent;
   background-image: none;
   color: transparent;
}
#Accordion1 .ui-state-default
{
   border-color: rgba(123,115,200,1.00);
   border-width: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
}
#Accordion1 .ui-state-hover
{
   border-color: rgba(123,115,200,1.00);
   border-width: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
}
#Accordion1 .ui-state-active
{
   border-color: rgba(123,115,200,1.00);
   border-width: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
}
#wb_Accordion1
{
   margin: 0;
   position: relative;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text3 div
{
   text-align: left;
}
#wb_Text3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text4 div
{
   text-align: left;
}
#wb_Text4
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text5 div
{
   text-align: left;
}
#wb_Text5
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#YouTube1
{
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #000000;
   border-radius: 0px;
}
#wb_YouTube1
{
   display: block;
   position: relative;
   margin: 0;
   height: 0;
   overflow: hidden;
   box-sizing: border-box;
   padding-bottom: 56.25%;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
}
#wb_Heading3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Heading3
{
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_Heading4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Heading4
{
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: italic;
   font-size: 29px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_Heading5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Heading5
{
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 27px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#Extension1, #Extension1 *, #Extension1 *:before, #Extension1 *:after
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}
#Extension1
{
   border-radius: 0px;
   flex-shrink: 0;
   font-size: 0;
   padding: 1px;
   perspective: 700px;
   width: 100%;
}
#Extension1 .block-placeholder
{
   background-color: #778899;
   border: 0px solid #000000;
   border-radius: 0px;
   display: inline-block;
   height: 100px;
   margin: 1px;
   width: 100px;
}
#Extension1 .block
{
   display: inline-block;
   height: 100px;
   margin: 1px;
   position: relative;
   transform: rotateY(180deg);
   transform-style: preserve-3d;
   transition: all 300ms ease-in-out;
   width: 100px;
}
#Extension1 .block:hover .block-front:after
{
   opacity: 0;
}
#Extension1 .block-front, #Extension1 .block-back
{
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   border: 0px solid #000000;
   border-radius: 0px;
   cursor: pointer;
   height: 100%;
   left: 0;
   overflow: hidden;
   position: absolute;
   top: 0;
   width: 100%;
}
#Extension1 .block-front
{
   background-color: #778899;
   background-size: cover;
   background-position: center;
   transform: rotateX(0deg);
   transition: all 200ms ease;
}
#Extension1 .block-front:after 
{
   background-color: black;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.5;
   position: absolute;
   top: 0;
   transition: all 0.2s ease;
   width: 100%;
}
#Extension1 .block-back 
{
   transform: rotateY(180deg) rotateX(0deg);
}
#Extension1 .block-back-inner
{
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   background-image: url(images/melissa_wedding18.jpg);
   background-size: cover;
   background-position: center;
   height: 408px;
   width: 408px;
}
#Extension1 .show-front
{
   transform: none;
}
#wb_LayoutGrid8
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(0,0,0,0.50);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid8
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid8 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid8 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid8 > .row > .col-1
{
   float: left;
}
#LayoutGrid8 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid8 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#LayoutGrid8:before,
#LayoutGrid8:after,
#LayoutGrid8 .row:before,
#LayoutGrid8 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid8:after,
#LayoutGrid8 .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#LayoutGrid8 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid4
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(0,0,0,0.50);
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid4
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid4 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2, #LayoutGrid4 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2, #LayoutGrid4 > .row > .col-3
{
   float: left;
}
#LayoutGrid4 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid4 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#LayoutGrid4 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid4 > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#LayoutGrid4 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#LayoutGrid4:before,
#LayoutGrid4:after,
#LayoutGrid4 .row:before,
#LayoutGrid4 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid4:after,
#LayoutGrid4 .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2, #LayoutGrid4 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid12
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid12
{
   box-sizing: border-box;
   padding: 20px 15px 20px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid12 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid12 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid12 > .row > .col-1
{
   float: left;
}
#LayoutGrid12 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid12 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#LayoutGrid12:before,
#LayoutGrid12:after,
#LayoutGrid12 .row:before,
#LayoutGrid12 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid12:after,
#LayoutGrid12 .row:after
{
   clear: both;
}
@media (max-width: 620px)
{
#LayoutGrid12 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid10
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-image: linear-gradient(to top, rgba(255,255,255,0.83) 0%, rgba(255,255,255,0.70) 100%);
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid10
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid10 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid10 > .row > .col-1, #LayoutGrid10 > .row > .col-2, #LayoutGrid10 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid10 > .row > .col-1, #LayoutGrid10 > .row > .col-2, #LayoutGrid10 > .row > .col-3
{
   float: left;
}
#LayoutGrid10 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid10 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#LayoutGrid10 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#LayoutGrid10:before,
#LayoutGrid10:after,
#LayoutGrid10 .row:before,
#LayoutGrid10 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid10:after,
#LayoutGrid10 .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#LayoutGrid10 > .row > .col-1, #LayoutGrid10 > .row > .col-2, #LayoutGrid10 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid9
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-image: linear-gradient(to top, rgba(0,0,0,0.43) 0%, rgba(255,255,255,0.90) 100%);
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid9
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid9 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid9 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid9 > .row > .col-1
{
   float: left;
}
#LayoutGrid9 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid9 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 25px 0 25px;
}
#LayoutGrid9:before,
#LayoutGrid9:after,
#LayoutGrid9 .row:before,
#LayoutGrid9 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid9:after,
#LayoutGrid9 .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#LayoutGrid9 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_faq
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-image: linear-gradient(to top, rgba(255,255,255,0.83) 0%, rgba(0,0,0,0.30) 100%);
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#faq
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#faq > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#faq > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#faq > .row > .col-1
{
   float: left;
}
#faq > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#faq > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 25px 0 25px;
}
#faq:before,
#faq:after,
#faq .row:before,
#faq .row:after
{
   display: table;
   content: " ";
}
#faq:after,
#faq .row:after
{
   clear: both;
}
@media (max-width: 520px)
{
#faq > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_Card8
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 30px 10px 30px 10px;
   background-color: rgba(255,255,255,0.20);
   background-image: none;
   border: 1px solid #EEE8AA;
   border-radius: 0px;
   text-align: center;
}
#Card8-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card8-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#RollOverText6 .image
{
   display: block;
   position: relative;
   transition: all 400ms linear 0.2s;
   opacity: 1;
}
#RollOverText6 .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(123,115,200,0.60);
   opacity: 0;
   transform: scale(0) rotate(-180deg);
   transition: all 400ms linear;
}
#RollOverText6 .title
{
   position: relative;
   text-align: center;
   padding: 0;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   transition: all 500ms linear;
}
#RollOverText6 .description
{
   position: relative;
   margin: 0;
   padding: 0;
   text-align: center;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
   opacity: 0;
   transition: all 500ms linear;
}
#RollOverText6 .link
{
   display: inline-block;
   z-index: 1;
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: center;
   text-decoration: underline;
   opacity: 0;
   transition: all 500ms linear;
}
#RollOverText6:hover .caption
{
   opacity: 1;
   transform: scale(1) rotate(0deg);
   transition-delay: 200ms;
}
#RollOverText6:hover .image
{
   transform: scale(0);
   transition-delay: 0s;
   opacity: 0;
}
#RollOverText6:hover .title
{
   opacity: 1;
   transition-delay: 500ms;
}
#RollOverText6:hover .description
{
   opacity: 1;
   transition-delay: 500ms;
}
#RollOverText6:hover .link
{
   opacity: 1;
   transition-delay: 500ms;
}
#RollOverText6 .image
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText6
{
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
}
#wb_ktimaMelissa
{
   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;
}
#ktimaMelissa
{
   box-sizing: border-box;
   padding: 0 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#ktimaMelissa > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#ktimaMelissa > .row > .col-1, #ktimaMelissa > .row > .col-2, #ktimaMelissa > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#ktimaMelissa > .row > .col-1, #ktimaMelissa > .row > .col-2, #ktimaMelissa > .row > .col-3
{
   float: left;
}
#ktimaMelissa > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#ktimaMelissa > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 30px 0 0 0;
}
#ktimaMelissa > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#ktimaMelissa > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 30px 0 0 0;
}
#ktimaMelissa > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#ktimaMelissa > .row > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 30px 0 0 0;
}
#ktimaMelissa:before,
#ktimaMelissa:after,
#ktimaMelissa .row:before,
#ktimaMelissa .row:after
{
   display: table;
   content: " ";
}
#ktimaMelissa:after,
#ktimaMelissa .row:after
{
   clear: both;
}
@media (max-width: 600px)
{
#ktimaMelissa > .row > .col-1, #ktimaMelissa > .row > .col-2, #ktimaMelissa > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_Image3
{
   margin: 0;
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 14px 0 0 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 192px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Image4
{
   margin: 0;
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 2px 0 2px 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 150px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Card9
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: rgba(255,255,255,0.40);
   background-image: none;
   border: 1px solid #EEE8AA;
   border-radius: 21px;
   text-align: center;
}
#Card9-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card9-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 120px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 120px;
}
#Card9-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card9-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 17px;
   line-height: 25.5px;
}
#wb_Card10
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: rgba(255,255,255,0.40);
   background-image: none;
   border: 1px solid #EEE8AA;
   border-radius: 21px;
   text-align: center;
}
#Card10-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card10-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 120px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 120px;
}
#Card10-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card10-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 17px;
   line-height: 25.5px;
}
#wb_Card11
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: rgba(255,255,255,0.40);
   background-image: none;
   border: 1px solid #EEE8AA;
   border-radius: 21px;
   text-align: center;
}
#Card11-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card11-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 120px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 120px;
}
#Card11-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card11-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 17px;
   line-height: 25.5px;
}
#wb_Text6 
{
   background-color: rgba(0,0,0,0.30);
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 50px 20px 50px;
   margin: 0;
   text-align: center;
}
#wb_Text6
{
   color: #FAFAD2;
   font-family: Arial;
   font-weight: 400;
   font-size: 24px;
   line-height: 27.5px;
}
#wb_Text6 p, #wb_Text6 ul
{
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
#wb_Text6
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text7 div
{
   text-align: center;
}
#wb_Text7
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text8 
{
   background-color: rgba(255,255,255,0.40);
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text8 div
{
   text-align: center;
}
#wb_Text8
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_ResponsiveMenu1
{
   display: block;
   background-color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   text-align: center;
   width: 100%;
   margin: 0;
   z-index: 1111 !important;
}
#ResponsiveMenu1
{
   display: inline-block;
   background-color: #FFFFFF;
   height: 48px;
}
#wb_ResponsiveMenu1 ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#wb_ResponsiveMenu1 ul:after
{
   clear: both;
   content: "";
   display: block;
}
#wb_ResponsiveMenu1 ul li
{
   border-radius: 0;
   display: list-item;
   float: left;
   list-style: none;
   z-index: 9999;
}
#wb_ResponsiveMenu1 ul li i
{
   font-size: 16px;
   width: 16px;
   margin-bottom: 0px;
}
#wb_ResponsiveMenu1 ul li a
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 20px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 5px 30px 5px 30px;
   text-align: center;
}
#wb_ResponsiveMenu1 > ul > li > a 
{
   height: 38px;
}
.ResponsiveMenu1 a 
{
   display: block;
}
#wb_ResponsiveMenu1 li:hover > a, #wb_ResponsiveMenu1 li .active
{
   background-color: #FFFFFF;
   color: #EEE8AA;
}
#wb_ResponsiveMenu1 ul ul
{
   display: none;
   position: absolute;
   top: 48px;
}
#wb_ResponsiveMenu1 ul li:hover > ul
{
   display: list-item;
}
#wb_ResponsiveMenu1 ul ul li 
{
   float: none;
   position: relative;
   width: 125px;
}
#wb_ResponsiveMenu1 ul ul li a
{
   background-color: #7A7A7A;
   border: 0px solid #7A7A7A;
   color: #000000;
}
#wb_ResponsiveMenu1 ul ul li:hover > a, #wb_ResponsiveMenu1 ul ul li .active
{
   background-color: #CCCCCC;
   color: #424242;
}
#wb_ResponsiveMenu1 ul ul li i 
{
   margin-right: 5px;
   vertical-align: middle;
}
#wb_ResponsiveMenu1 ul ul li a 
{
   padding-top: 5px;
   padding-right: 20px;
   padding-bottom: 5px;
   text-align: left;
   vertical-align: middle;
}
#wb_ResponsiveMenu1 ul ul ul li 
{
   left: 125px;
   position: relative;
   top: -48px;
}
#wb_ResponsiveMenu1 .arrow-down 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px solid #000000;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
#wb_ResponsiveMenu1 .arrow-left 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-left: 4px solid #000000;
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   border-right: 0 dotted;
}
#wb_ResponsiveMenu1 li:hover > a .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down
{ 
   border-top-color: #EEE8AA;
}
#wb_ResponsiveMenu1 ul ul li:hover > a .arrow-left, #wb_ResponsiveMenu1 ul ul li .active .arrow-left
{ 
   border-left-color: #424242;
}
#wb_ResponsiveMenu1 .toggle,[id^=ResponsiveMenu1-submenu]
{
   display: none;
}
@media all and (max-width:768px) 
{
#wb_ResponsiveMenu1
{
   margin: 0;
   text-align: left;
}
#wb_ResponsiveMenu1 ul li a, #wb_ResponsiveMenu1 .toggle
{
   font-size: 20px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 5px 20px 5px 20px;
}
#wb_ResponsiveMenu1 .toggle + a
{
   display: none !important;
}
.ResponsiveMenu1 
{
   display: none;
   z-index: 9999;
}
#ResponsiveMenu1 
{
   background-color: transparent;
   display: none;
}
#wb_ResponsiveMenu1 > ul > li > a 
{
   height: auto !important;
   margin: 0;
}
#wb_ResponsiveMenu1 .toggle 
{
   display: block;
   background-color: #FFFFFF;
   color: #000000;
   padding: 0 20px 0 20px;
   line-height: 26px;
   text-decoration: none;
   border: none;
   position: relative;
}
#wb_ResponsiveMenu1 .toggle:hover
{
   background-color: #FFFFFF;
   color: #EEE8AA;
}
[id^=ResponsiveMenu1-submenu]:checked + ul 
{
   display: block !important;
}
#ResponsiveMenu1-title
{
   height: 48px !important;
   line-height: 48px !important;
   text-align: center;
}
#wb_ResponsiveMenu1 ul li 
{
   display: block;
   width: 100% !important;
   text-align: center;
}
#wb_ResponsiveMenu1 ul ul .toggle,
#wb_ResponsiveMenu1 ul ul a 
{
   padding: 0 40px;
}
#wb_ResponsiveMenu1 a:hover,
#wb_ResponsiveMenu1 ul ul ul a 
{
   background-color: #7A7A7A;
   color: #000000;
}
#wb_ResponsiveMenu1 ul li ul li .toggle,
#wb_ResponsiveMenu1 ul ul a 
{
   background-color: #7A7A7A;
   color: #000000;
}
#wb_ResponsiveMenu1 ul ul ul a 
{
   padding: 5px 20px 5px 60px;
}
#wb_ResponsiveMenu1 ul li a 
{
   text-align: center;
}
#wb_ResponsiveMenu1 ul li a br 
{
   display: none;
}
#wb_ResponsiveMenu1 ul li i 
{
   margin-right: 5px;
}
#wb_ResponsiveMenu1 ul ul 
{
   float: none;
   position: static;
}
#wb_ResponsiveMenu1 ul ul li:hover > ul,
#wb_ResponsiveMenu1 ul li:hover > ul 
{
   display: none;
}
#wb_ResponsiveMenu1 ul ul li 
{
   display: block;
   width: 100%;
}
#wb_ResponsiveMenu1 ul ul ul li 
{
   position: static;
}
#ResponsiveMenu1-icon 
{
   display: block;
   position: absolute;
   left: 30px;
   top: 12px;
   user-select: none;
}
#ResponsiveMenu1-icon span 
{
   display: block;
   margin-top: 4px;
   height: 2px;
   background-color: #000000;
   color: #000000;
   width: 24px;
}
#wb_ResponsiveMenu1 ul li ul li .toggle:hover
{
   background-color: #CCCCCC;
   color: #424242;
}
#wb_ResponsiveMenu1 .toggle .arrow-down 
{
   border-top-color: #000000;
}
#wb_ResponsiveMenu1 .toggle:hover .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down
{
   border-top-color: #EEE8AA;
}
#wb_ResponsiveMenu1 ul li ul li .toggle .arrow-down 
{
   border-top-color: #000000;
}
#wb_ResponsiveMenu1 ul li ul li .toggle:hover .arrow-down, #wb_ResponsiveMenu1 ul li ul li .active .arrow-down
{
   border-top-color: #424242;
}
}
#YouTube2
{
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #000000;
   border-radius: 0px;
}
#wb_YouTube2
{
   display: block;
   position: relative;
   margin: 0;
   height: 0;
   overflow: hidden;
   box-sizing: border-box;
   padding-bottom: 56.25%;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text9 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text9 div
{
   text-align: left;
}
#wb_Text9
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text10 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text10 div
{
   text-align: left;
}
#wb_Text10
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Image5
{
   margin: 0;
   vertical-align: top;
}
#Image5
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 840px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Card6
{
   display: flex;
   width: 100%;
   z-index: 34;
}
#portfolioRollOverText3
{
   overflow: hidden;
   display: block;
   position: relative;
}
#RollOverText6
{
   overflow: hidden;
   display: block;
   position: relative;
}
#wb_Card1
{
   display: flex;
   width: 100%;
   z-index: 14;
}
#Html1
{
   display: inline-block;
   width: 100%;
   height: 350px;
   overflow: auto;
   z-index: 52;
}
#wb_Image1
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 4;
}
#wb_ResponsiveMenu1
{
   display: inline-block;
   width: 776px;
   height: 49px;
   z-index: 1;
}
#wb_Card3
{
   display: flex;
   width: 100%;
   z-index: 51;
}
#wb_Image2
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 0;
}
#wb_Image3
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 53;
}
#wb_Card2
{
   display: flex;
   width: 100%;
   z-index: 47;
}
#wb_Accordion1
{
   display: block;
   width: 100%;
   z-index: 20;
}
#wb_Image4
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 50;
}
#wb_up-arrow
{
   position: absolute;
   left: 9px;
   top: 8px;
   width: 24px;
   height: 24px;
   text-align: center;
   z-index: 11;
}
#wb_Extension1
{
   display: block;
   position: relative;
   width: 100%;
   height: 1108px;
   z-index: 22;
}
#wb_Image5
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 13;
}
#wb_Card10
{
   display: flex;
   width: 100%;
   z-index: 65;
}
#wb_Card11
{
   display: flex;
   width: 100%;
   z-index: 64;
}
#wb_Heading4
{
   display: block;
   width: 100%;
   z-index: 31;
}
#wb_Card9
{
   display: flex;
   width: 100%;
   z-index: 66;
}
#wb_Heading5
{
   display: block;
   width: 100%;
   z-index: 61;
}
#RollOverText1
{
   overflow: hidden;
   display: block;
   position: relative;
}
#wb_Card8
{
   display: flex;
   width: calc(100% - 20px);
   z-index: 10;
}
#wb_Heading2
{
   display: block;
   width: 100%;
   z-index: 9;
}
#wb_Heading3
{
   display: block;
   width: 100%;
   z-index: 21;
}
#RollOverText3
{
   overflow: hidden;
   display: block;
   position: relative;
}
#wb_contactIcon4
{
   display: inline-block;
   width: 28px;
   height: 28px;
   text-align: center;
   z-index: 39;
}
#RollOverText2
{
   overflow: hidden;
   display: block;
   position: relative;
}
#wb_Heading1
{
   display: block;
   width: 100%;
   z-index: 5;
}
#TextArt3
{
   width: 423px;
   height: 50px;
}
#wb_TextArt3
{
   display: inline-block;
   width: 423px;
   height: 50px;
   opacity: 0.91;
   z-index: 2;
   position: relative;
}
#wb_contactIcon3
{
   display: inline-block;
   width: 28px;
   height: 28px;
   text-align: center;
   z-index: 38;
}
#RollOverText5
{
   overflow: hidden;
   display: block;
   position: relative;
}
#wb_Card5
{
   display: flex;
   width: 100%;
   z-index: 15;
}
#wb_Card4
{
   display: flex;
   width: 100%;
   z-index: 48;
}
#wb_contactIcon2
{
   display: inline-block;
   width: 28px;
   height: 28px;
   text-align: center;
   z-index: 37;
}
#wb_YouTube1
{
   display: block;
   width: 100%;
   z-index: 30;
}
#RollOverText4
{
   overflow: hidden;
   display: block;
   position: relative;
}
#wb_servicesCard1
{
   display: flex;
   width: 100%;
   z-index: 12;
}
#upStickyLayer
{
   position: fixed;
   text-align: left;
   left: auto;
   right: 25px;
   top: auto;
   bottom: 25px;
   width: 50px;
   height: 50px;
   z-index: 74;
}
#Html2
{
   display: inline-block;
   width: 100px;
   height: 96px;
   z-index: 67;
}
#wb_FontAwesomeIcon3
{
   display: inline-block;
   width: 18px;
   height: 18px;
   text-align: center;
   z-index: 55;
}
#wb_contactIcon1
{
   display: inline-block;
   width: 28px;
   height: 28px;
   text-align: center;
   z-index: 36;
}
#wb_Card7
{
   display: flex;
   width: calc(100% - 20px);
   z-index: 33;
}
#wb_YouTube2
{
   display: block;
   width: 100%;
   z-index: 29;
}
@media only screen and (min-width: 768px) and (max-width: 1099px)
{
body
{
   background-color: #FFFFFF;
   background-image: url('../images/melissa_seaside5.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}
#wb_header
{
   visibility: visible;
   display: table;
   box-shadow: 0px 0px 0px #000000;
}
#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;
}
#wb_melissa
{
   visibility: visible;
   display: table;
}
#wb_melissa
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#melissa
{
   height: 100vh;
   padding: 75px 0 75px 0;
}
#melissa-divider-top
{
   height: 50px;
}
#melissa-divider-top
{
   top: 0%;
   left: 0;
}
#wb_epanomi
{
   visibility: visible;
   display: table;
}
#wb_epanomi
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#epanomi
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#epanomi .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_wedding
{
   visibility: visible;
   display: table;
}
#wb_wedding
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#wedding
{
   height: auto;
   padding: 20px 15px 20px 15px;
}
#wedding .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_skillsInner
{
   visibility: visible;
   display: table;
}
#wb_skillsInner
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#skillsInner
{
   height: auto;
   padding: 0 5px 0 5px;
}
#skillsInner .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#wb_services
{
   visibility: visible;
   display: table;
}
#wb_services
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#services
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#services .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_homeText
{
   visibility: visible;
   display: block;
}
#wb_homeText
{
   margin: 0;
   padding: 20px 50px 20px 50px;
}
#upStickyLayer
{
   width: 50px;
   height: 50px;
   visibility: visible;
   display: block;
}
#wb_up-arrow
{
   left: 9px;
   top: 8px;
   width: 24px;
   height: 24px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
}
#up-arrow
{
   width: 24px;
   height: 24px;
}
#up-arrow i
{
   line-height: 24px;
   font-size: 24px;
   width: 23px;
}
#wb_serviceMelissa
{
   visibility: visible;
   display: table;
}
#wb_serviceMelissa
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#serviceMelissa
{
   height: auto;
   padding: 10px 5px 10px 5px;
}
#serviceMelissa .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#wb_LayoutGrid2
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid2
{
   height: auto;
   padding: 0 15px 10px 15px;
}
#LayoutGrid2 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_melissaWedding
{
   visibility: visible;
   display: table;
}
#wb_melissaWedding
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#melissaWedding
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#melissaWedding .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_gallery
{
   visibility: visible;
   display: table;
}
#wb_gallery
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#gallery
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#gallery .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#gallery-divider-top
{
   height: 50px;
}
#gallery-divider-top
{
   top: 0%;
   left: 0;
}
#wb_LayoutGrid7
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid7
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid7
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#LayoutGrid7 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_portfolioLayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_portfolioLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#portfolioLayoutGrid1
{
   height: auto;
   padding: 0 15px 50px 15px;
}
#portfolioLayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_portfolioLayoutGrid2
{
   visibility: visible;
   display: table;
}
#wb_portfolioLayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#portfolioLayoutGrid2
{
   height: auto;
   padding: 0 15px 50px 15px;
}
#portfolioLayoutGrid2 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: auto;
   padding: 0 1px 0 1px;
}
#LayoutGrid1 .row
{
   margin-right: -1px;
   margin-left: -1px;
}
#wb_videoMelissa
{
   visibility: visible;
   display: table;
}
#wb_videoMelissa
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#videoMelissa
{
   height: auto;
   padding: 0 1px 0 1px;
}
#videoMelissa .row
{
   margin-right: -1px;
   margin-left: -1px;
}
#portfolioRollOverText3
{
   visibility: visible;
   display: block;
}
#wb_servicesCard1
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#servicesCard1-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 21px;
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#servicesCard1-card-item0:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 200ms linear 0ms;
}
#servicesCard1-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#servicesCard1-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 21px;
   width: 21px;
}
#servicesCard1-card-item1
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#servicesCard1-card-item2
{
   box-sizing: border-box;
   margin: 0 6px 30px 6px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_servicesCard1
{
   text-align: center;
}
#wb_skillsText
{
   visibility: visible;
   display: block;
}
#wb_skillsText
{
   margin: 0;
   padding: 0;
}
#wb_gamos
{
   visibility: visible;
   display: table;
}
#wb_gamos
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#gamos
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#gamos .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid11
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid11
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid11
{
   height: auto;
   padding: 20px 15px 20px 15px;
}
#LayoutGrid11 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid5
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid5
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid5
{
   height: auto;
   padding: 150px 15px 150px 15px;
}
#LayoutGrid5 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_weddingPlan
{
   visibility: visible;
   display: table;
}
#wb_weddingPlan
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#weddingPlan
{
   height: auto;
   padding: 20px 15px 20px 15px;
}
#weddingPlan .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_contact
{
   visibility: visible;
   display: table;
}
#wb_contact
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#contact
{
   height: auto;
   padding: 50px 5px 0 5px;
}
#contact .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#wb_contactForm
{
   visibility: visible;
   display: table;
}
#wb_contactForm
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#contactForm
{
   height: auto;
   padding: 0 10px 0 10px;
}
#contactForm .row
{
   margin-right: -10px;
   margin-left: -10px;
}
#wb_contactText2
{
   visibility: visible;
   display: block;
}
#wb_contactText2
{
   margin: 0;
   padding: 0 0 10px 0;
}
#wb_contactText3
{
   visibility: visible;
   display: block;
}
#wb_contactText3
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: center;
   line-height: 17px;
}
#wb_contactIcon1
{
   width: 28px;
   height: 28px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 6px 6px 6px 6px;
   background-color: #FFFFFF;
   background-image: none;
}
#contactIcon1
{
   width: 28px;
   height: 28px;
}
#contactIcon1 i
{
   line-height: 28px;
   font-size: 28px;
   width: 27px;
}
#wb_contactIcon1:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#wb_contactIcon2
{
   width: 28px;
   height: 28px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 6px 6px 6px 6px;
   background-color: #FFFFFF;
   background-image: none;
}
#contactIcon2
{
   width: 28px;
   height: 28px;
}
#contactIcon2 i
{
   line-height: 28px;
   font-size: 28px;
   width: 27px;
}
#wb_contactIcon2:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#wb_contactIcon3
{
   width: 28px;
   height: 28px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 6px 6px 6px 6px;
}
#contactIcon3
{
   width: 28px;
   height: 28px;
}
#contactIcon3 i
{
   line-height: 28px;
   font-size: 28px;
   width: 27px;
}
#wb_contactIcon4
{
   width: 28px;
   height: 28px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 6px 6px 6px 6px;
}
#contactIcon4
{
   width: 28px;
   height: 28px;
}
#contactIcon4 i
{
   line-height: 28px;
   font-size: 28px;
   width: 27px;
}
#wb_Image1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 25px 0 0 0 ;
   padding: 0;
}
#Image1
{
   margin-left: auto;
   margin-right: auto;
}
#wb_TextArt3
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Heading1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
   font-size: 35px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading1
{
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 35px;
   text-align: center;
   text-transform: none;
}
#wb_Image2
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image2
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Heading2
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
   font-size: 32px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading2
{
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 32px;
   text-align: center;
   text-transform: none;
}
#RollOverText1
{
   visibility: visible;
   display: block;
}
#wb_LayoutGrid3
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid3
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid3
{
   height: auto;
   padding: 140px 5px 140px 5px;
}
#LayoutGrid3 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#LayoutGrid3-divider-top
{
   height: 50px;
}
#LayoutGrid3-divider-top
{
   top: 0%;
   left: 0;
}
#wb_LayoutGrid6
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid6
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid6
{
   height: auto;
   padding: 50px 0 50px 0;
}
#LayoutGrid6 .row
{
   margin-right: 0px;
   margin-left: 0px;
}
#Html1
{
   visibility: visible;
   display: block;
}
#wb_Card2
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
}
#Card2-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 27px;
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   border: 0px solid #7A7A7A;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 27px;
}
#wb_Card2:hover #Card2-card-item0
{
   transform: rotate(0deg) scale(0.8,0.8) ;
   transition: transform 300ms linear 0ms;
}
#Card2-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 300ms linear 0ms;
}
#Card2-card-item0 a
{
   color: inherit;
   display: block;
   padding: 0;
   text-decoration: none;
}
#Card2-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 27px;
   width: 27px;
}
#Card2-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card2-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto";
   font-weight: 300;
   font-style: normal;
   font-size: 24px;
   line-height: 36px;
}
#wb_Card2
{
   text-align: center;
}
#wb_Card3
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
}
#Card3-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 27px;
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   padding: 0;
   border: 0px solid #7A7A7A;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 27px;
}
#wb_Card3:hover #Card3-card-item0
{
   transform: rotate(0deg) scale(0.8,0.8) ;
   transition: transform 300ms linear 0ms;
}
#Card3-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 300ms linear 0ms;
}
#Card3-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 27px;
   width: 27px;
}
#Card3-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card3-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 24px;
   line-height: 36px;
}
#wb_Card3
{
   text-align: center;
}
#wb_Card4
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
}
#Card4-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 27px;
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   border: 0px solid #7A7A7A;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 27px;
}
#wb_Card4:hover #Card4-card-item0
{
   transform: rotate(0deg) scale(0.8,0.8) ;
   transition: transform 300ms linear 0ms;
}
#Card4-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 300ms linear 0ms;
}
#Card4-card-item0 a
{
   color: inherit;
   display: block;
   padding: 0;
   text-decoration: none;
}
#Card4-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 27px;
   width: 27px;
}
#Card4-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card4-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 17px;
   line-height: 25.5px;
}
#wb_Card4
{
   text-align: center;
}
#wb_footer
{
   visibility: visible;
   display: table;
}
#wb_footer
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#footer
{
   height: auto;
   padding: 55px 15px 55px 15px;
}
#footer .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#footer > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#footer > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_Card1
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card1-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 21px;
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#Card1-card-item0:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 200ms linear 0ms;
}
#Card1-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Card1-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 21px;
   width: 21px;
}
#Card1-card-item1
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#Card1-card-item2
{
   box-sizing: border-box;
   margin: 0 6px 30px 6px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_Card1
{
   text-align: center;
}
#wb_Card5
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card5-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 21px;
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#Card5-card-item0:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 200ms linear 0ms;
}
#Card5-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Card5-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 21px;
   width: 21px;
}
#Card5-card-item1
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#Card5-card-item2
{
   box-sizing: border-box;
   margin: 0 6px 30px 6px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_Card5
{
   text-align: center;
}
#wb_Card6
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card6-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 21px;
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#Card6-card-item0:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 200ms linear 0ms;
}
#Card6-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Card6-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 21px;
   width: 21px;
}
#Card6-card-item1
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#Card6-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 30px 20px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#wb_Card6
{
   text-align: center;
}
#wb_FontAwesomeIcon3
{
   width: 18px;
   height: 18px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 0 6px;
   padding: 6px 6px 6px 6px;
}
#FontAwesomeIcon3
{
   width: 18px;
   height: 18px;
}
#FontAwesomeIcon3 i
{
   line-height: 18px;
   font-size: 18px;
   width: 17px;
}
#wb_Card7
{
   width: calc(100% - 20px);
   visibility: visible;
   display: flex;
   margin: 30px 10px 30px 10px;
}
#Card7-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_Card7
{
   text-align: center;
}
#RollOverText2
{
   visibility: visible;
   display: block;
}
#RollOverText3
{
   visibility: visible;
   display: block;
}
#RollOverText4
{
   visibility: visible;
   display: block;
}
#RollOverText5
{
   visibility: visible;
   display: block;
}
#wb_Accordion1
{
   width: 100%;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#Accordion1 .ui-accordion-header
{
   font-size: 19px;
}
#wb_Text1
{
   visibility: visible;
   display: block;
}
#wb_Text1
{
   margin: 0;
   padding: 0;
}
#wb_Text3
{
   visibility: visible;
   display: block;
}
#wb_Text3
{
   margin: 0;
   padding: 0;
}
#wb_Text4
{
   visibility: visible;
   display: block;
}
#wb_Text4
{
   margin: 0;
   padding: 0;
}
#wb_Text5
{
   visibility: visible;
   display: block;
}
#wb_Text5
{
   margin: 0;
   padding: 0;
}
#wb_YouTube1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Heading3
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
   font-size: 29px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading3
{
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 29px;
   text-align: center;
   text-transform: none;
}
#wb_Heading4
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
   font-size: 27px;
   font-weight: bold;
   font-style: italic;
   text-decoration: none;
}
#wb_Heading4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading4
{
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: italic;
   font-size: 27px;
   text-align: center;
   text-transform: none;
}
#wb_Heading5
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
   font-size: 27px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading5
{
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 27px;
   text-align: center;
   text-transform: none;
}
#wb_Extension1
{
   height: 784px;
   visibility: visible;
   display: block;
}
#wb_LayoutGrid8
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid8
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid8
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#LayoutGrid8 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid4
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid4
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid4
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#LayoutGrid4 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid12
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid12
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid12
{
   height: auto;
   padding: 20px 15px 20px 15px;
}
#LayoutGrid12 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid10
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid10
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid10
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#LayoutGrid10 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid9
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid9
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid9
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#LayoutGrid9 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_faq
{
   visibility: visible;
   display: table;
   box-shadow: 0px 0px 0px #000000;
}
#wb_faq
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#faq
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#faq .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_Card8
{
   width: calc(100% - 20px);
   visibility: visible;
   display: flex;
   margin: 30px 10px 30px 10px;
}
#Card8-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_Card8
{
   text-align: center;
}
#RollOverText6
{
   visibility: visible;
   display: block;
}
#wb_ktimaMelissa
{
   visibility: visible;
   display: table;
}
#wb_ktimaMelissa
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#ktimaMelissa
{
   height: auto;
   padding: 0 15px 50px 15px;
}
#ktimaMelissa .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_Image3
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 14px 0 0 0;
}
#Image3
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Image4
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 2px 0 2px 0;
}
#Image4
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Card9
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
}
#Card9-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 120px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 120px;
}
#Card9-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card9-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 17px;
   line-height: 25.5px;
}
#wb_Card9
{
   text-align: center;
}
#wb_Card10
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
}
#Card10-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 120px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 120px;
}
#Card10-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card10-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 17px;
   line-height: 25.5px;
}
#wb_Card10
{
   text-align: center;
}
#wb_Card11
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
}
#Card11-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 120px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 120px;
}
#Card11-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card11-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 17px;
   line-height: 25.5px;
}
#wb_Card11
{
   text-align: center;
}
#wb_Text6
{
   visibility: visible;
   display: block;
}
#wb_Text6
{
   margin: 0;
   padding: 20px 50px 20px 50px;
}
#wb_Text7
{
   visibility: visible;
   display: block;
}
#wb_Text7
{
   margin: 0;
   padding: 0;
}
#wb_Text8
{
   visibility: visible;
   display: block;
}
#wb_Text8
{
   margin: 0;
   padding: 0;
}
#wb_ResponsiveMenu1
{
   width: 546px;
   height: 49px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: center;
}
#wb_YouTube2
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text2
{
   visibility: visible;
   display: block;
}
#wb_Text2
{
   margin: 0;
   padding: 0;
}
#wb_Text9
{
   visibility: visible;
   display: block;
}
#wb_Text9
{
   margin: 0;
   padding: 0;
}
#wb_Text10
{
   visibility: visible;
   display: block;
}
#wb_Text10
{
   margin: 0;
   padding: 0;
}
}
@media only screen and (max-width: 767px)
{
body
{
   background-color: #FFFFFF;
   background-image: url('../images/melissa_seaside5.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}
#wb_header
{
   visibility: visible;
   display: table;
   box-shadow: 0px 0px 0px #000000;
}
#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;
}
#wb_melissa
{
   visibility: visible;
   display: table;
}
#wb_melissa
{
   height: 100vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#melissa
{
   height: 100vh;
   padding: 75px 0 75px 0;
}
#melissa-divider-top
{
   height: 50px;
}
#melissa-divider-top
{
   top: 0%;
   left: 0;
}
#wb_epanomi
{
   visibility: visible;
   display: table;
}
#wb_epanomi
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#epanomi
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#epanomi .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_wedding
{
   visibility: visible;
   display: table;
}
#wb_wedding
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#wedding
{
   height: auto;
   padding: 20px 15px 20px 15px;
}
#wedding .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_skillsInner
{
   visibility: visible;
   display: table;
}
#wb_skillsInner
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#skillsInner
{
   height: auto;
   padding: 0 5px 0 5px;
}
#skillsInner .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#wb_services
{
   visibility: visible;
   display: table;
}
#wb_services
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#services
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#services .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_homeText
{
   visibility: visible;
   display: block;
}
#wb_homeText
{
   margin: 0;
   padding: 20px 50px 20px 50px;
}
#upStickyLayer
{
   width: 50px;
   height: 50px;
   visibility: visible;
   display: block;
}
#wb_up-arrow
{
   left: 9px;
   top: 8px;
   width: 24px;
   height: 24px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
}
#up-arrow
{
   width: 24px;
   height: 24px;
}
#up-arrow i
{
   line-height: 24px;
   font-size: 24px;
   width: 23px;
}
#wb_serviceMelissa
{
   visibility: visible;
   display: table;
}
#wb_serviceMelissa
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#serviceMelissa
{
   height: auto;
   padding: 10px 15px 10px 15px;
}
#serviceMelissa .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid2
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid2
{
   height: auto;
   padding: 0 15px 10px 15px;
}
#LayoutGrid2 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_melissaWedding
{
   visibility: visible;
   display: table;
}
#wb_melissaWedding
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#melissaWedding
{
   height: auto;
   padding: 50px 1px 50px 1px;
}
#melissaWedding .row
{
   margin-right: -1px;
   margin-left: -1px;
}
#wb_gallery
{
   visibility: visible;
   display: table;
}
#wb_gallery
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#gallery
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#gallery .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#gallery-divider-top
{
   height: 50px;
}
#gallery-divider-top
{
   top: 0%;
   left: 0;
}
#wb_LayoutGrid7
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid7
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid7
{
   height: auto;
   padding: 50px 2px 50px 2px;
}
#LayoutGrid7 .row
{
   margin-right: -2px;
   margin-left: -2px;
}
#wb_portfolioLayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_portfolioLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#portfolioLayoutGrid1
{
   height: auto;
   padding: 0 15px 50px 15px;
}
#portfolioLayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_portfolioLayoutGrid2
{
   visibility: visible;
   display: table;
}
#wb_portfolioLayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#portfolioLayoutGrid2
{
   height: auto;
   padding: 0 15px 50px 15px;
}
#portfolioLayoutGrid2 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: auto;
   padding: 0 1px 0 1px;
}
#LayoutGrid1 .row
{
   margin-right: -1px;
   margin-left: -1px;
}
#wb_videoMelissa
{
   visibility: visible;
   display: table;
}
#wb_videoMelissa
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#videoMelissa
{
   height: auto;
   padding: 0 1px 0 1px;
}
#videoMelissa .row
{
   margin-right: -1px;
   margin-left: -1px;
}
#portfolioRollOverText3
{
   visibility: visible;
   display: block;
}
#wb_servicesCard1
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#servicesCard1-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 21px;
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#servicesCard1-card-item0:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 200ms linear 0ms;
}
#servicesCard1-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#servicesCard1-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 21px;
   width: 21px;
}
#servicesCard1-card-item1
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#servicesCard1-card-item2
{
   box-sizing: border-box;
   margin: 0 6px 30px 6px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_servicesCard1
{
   text-align: center;
}
#wb_skillsText
{
   visibility: visible;
   display: block;
}
#wb_skillsText
{
   margin: 0;
   padding: 0;
}
#wb_gamos
{
   visibility: visible;
   display: table;
}
#wb_gamos
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#gamos
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#gamos .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid11
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid11
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid11
{
   height: auto;
   padding: 20px 15px 20px 15px;
}
#LayoutGrid11 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid5
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid5
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid5
{
   height: auto;
   padding: 150px 15px 150px 15px;
}
#LayoutGrid5 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_weddingPlan
{
   visibility: visible;
   display: table;
}
#wb_weddingPlan
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#weddingPlan
{
   height: auto;
   padding: 20px 15px 20px 15px;
}
#weddingPlan .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_contact
{
   visibility: visible;
   display: table;
}
#wb_contact
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#contact
{
   height: auto;
   padding: 50px 5px 0 5px;
}
#contact .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#wb_contactForm
{
   visibility: visible;
   display: table;
}
#wb_contactForm
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#contactForm
{
   height: auto;
   padding: 0 10px 0 10px;
}
#contactForm .row
{
   margin-right: -10px;
   margin-left: -10px;
}
#wb_contactText2
{
   visibility: visible;
   display: block;
}
#wb_contactText2
{
   margin: 0;
   padding: 0 0 10px 0;
}
#wb_contactText3
{
   visibility: visible;
   display: block;
}
#wb_contactText3
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: center;
   line-height: 17px;
}
#wb_contactIcon1
{
   width: 28px;
   height: 28px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 6px 6px 6px 6px;
   background-color: #FFFFFF;
   background-image: none;
}
#contactIcon1
{
   width: 28px;
   height: 28px;
}
#contactIcon1 i
{
   line-height: 28px;
   font-size: 28px;
   width: 27px;
}
#wb_contactIcon1:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#wb_contactIcon2
{
   width: 28px;
   height: 28px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 6px 6px 6px 6px;
   background-color: #FFFFFF;
   background-image: none;
}
#contactIcon2
{
   width: 28px;
   height: 28px;
}
#contactIcon2 i
{
   line-height: 28px;
   font-size: 28px;
   width: 27px;
}
#wb_contactIcon2:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#wb_contactIcon3
{
   width: 28px;
   height: 28px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 6px 6px 6px 6px;
}
#contactIcon3
{
   width: 28px;
   height: 28px;
}
#contactIcon3 i
{
   line-height: 28px;
   font-size: 28px;
   width: 27px;
}
#wb_contactIcon4
{
   width: 28px;
   height: 28px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 6px 6px 6px 6px;
}
#contactIcon4
{
   width: 28px;
   height: 28px;
}
#contactIcon4 i
{
   line-height: 28px;
   font-size: 28px;
   width: 27px;
}
#wb_Image1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 25px 0 0 0 ;
   padding: 0;
}
#Image1
{
   margin-left: auto;
   margin-right: auto;
}
#wb_TextArt3
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Heading1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
   font-size: 29px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading1
{
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 29px;
   text-align: center;
   text-transform: none;
}
#wb_Image2
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image2
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Heading2
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
   font-size: 27px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading2
{
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 27px;
   text-align: center;
   text-transform: none;
}
#RollOverText1
{
   visibility: visible;
   display: block;
}
#wb_LayoutGrid3
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid3
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid3
{
   height: auto;
   padding: 140px 5px 140px 5px;
}
#LayoutGrid3 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#LayoutGrid3-divider-top
{
   height: 50px;
}
#LayoutGrid3-divider-top
{
   top: 0%;
   left: 0;
}
#wb_LayoutGrid6
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid6
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid6
{
   height: auto;
   padding: 50px 0 50px 0;
}
#LayoutGrid6 .row
{
   margin-right: 0px;
   margin-left: 0px;
}
#Html1
{
   visibility: visible;
   display: block;
}
#wb_Card2
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
}
#Card2-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 27px;
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   border: 0px solid #7A7A7A;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 27px;
}
#wb_Card2:hover #Card2-card-item0
{
   transform: rotate(0deg) scale(0.8,0.8) ;
   transition: transform 300ms linear 0ms;
}
#Card2-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 300ms linear 0ms;
}
#Card2-card-item0 a
{
   color: inherit;
   display: block;
   padding: 0;
   text-decoration: none;
}
#Card2-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 27px;
   width: 27px;
}
#Card2-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card2-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto";
   font-weight: 300;
   font-style: normal;
   font-size: 24px;
   line-height: 36px;
}
#wb_Card2
{
   text-align: center;
}
#wb_Card3
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
}
#Card3-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 27px;
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   padding: 0;
   border: 0px solid #7A7A7A;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 27px;
}
#wb_Card3:hover #Card3-card-item0
{
   transform: rotate(0deg) scale(0.8,0.8) ;
   transition: transform 300ms linear 0ms;
}
#Card3-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 300ms linear 0ms;
}
#Card3-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 27px;
   width: 27px;
}
#Card3-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card3-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 24px;
   line-height: 36px;
}
#wb_Card3
{
   text-align: center;
}
#wb_Card4
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
}
#Card4-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 27px;
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   border: 0px solid #7A7A7A;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 27px;
}
#wb_Card4:hover #Card4-card-item0
{
   transform: rotate(0deg) scale(0.8,0.8) ;
   transition: transform 300ms linear 0ms;
}
#Card4-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 300ms linear 0ms;
}
#Card4-card-item0 a
{
   color: inherit;
   display: block;
   padding: 0;
   text-decoration: none;
}
#Card4-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 27px;
   width: 27px;
}
#Card4-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card4-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 17px;
   line-height: 25.5px;
}
#wb_Card4
{
   text-align: center;
}
#wb_footer
{
   visibility: visible;
   display: table;
}
#wb_footer
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#footer
{
   height: auto;
   padding: 55px 15px 55px 15px;
}
#footer .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#footer > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#footer > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#wb_Card1
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card1-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 21px;
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#Card1-card-item0:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 200ms linear 0ms;
}
#Card1-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Card1-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 21px;
   width: 21px;
}
#Card1-card-item1
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#Card1-card-item2
{
   box-sizing: border-box;
   margin: 0 6px 30px 6px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_Card1
{
   text-align: center;
}
#wb_Card5
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card5-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 21px;
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#Card5-card-item0:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 200ms linear 0ms;
}
#Card5-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Card5-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 21px;
   width: 21px;
}
#Card5-card-item1
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#Card5-card-item2
{
   box-sizing: border-box;
   margin: 0 6px 30px 6px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_Card5
{
   text-align: center;
}
#wb_Card6
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
}
#Card6-card-item0
{
   display: inline-block;
   line-height: 1.0;
   height: 21px;
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   border: 0px solid #BABABA;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#Card6-card-item0:hover
{
   transform: rotate(0deg) scale(1.5,1.5) ;
   transition: transform 200ms linear 0ms;
}
#Card6-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Card6-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 21px;
   width: 21px;
}
#Card6-card-item1
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #FFA500;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 21px;
}
#Card6-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 30px 20px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#wb_Card6
{
   text-align: center;
}
#wb_FontAwesomeIcon3
{
   width: 18px;
   height: 18px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 0 6px;
   padding: 6px 6px 6px 6px;
}
#FontAwesomeIcon3
{
   width: 18px;
   height: 18px;
}
#FontAwesomeIcon3 i
{
   line-height: 18px;
   font-size: 18px;
   width: 17px;
}
#wb_Card7
{
   width: calc(100% - 20px);
   visibility: visible;
   display: flex;
   margin: 30px 10px 30px 10px;
}
#Card7-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_Card7
{
   text-align: center;
}
#RollOverText2
{
   visibility: visible;
   display: block;
}
#RollOverText3
{
   visibility: visible;
   display: block;
}
#RollOverText4
{
   visibility: visible;
   display: block;
}
#RollOverText5
{
   visibility: visible;
   display: block;
}
#wb_Accordion1
{
   width: 100%;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#Accordion1 .ui-accordion-header
{
   font-size: 19px;
}
#wb_Text1
{
   visibility: visible;
   display: block;
}
#wb_Text1
{
   margin: 0;
   padding: 0;
}
#wb_Text3
{
   visibility: visible;
   display: block;
}
#wb_Text3
{
   margin: 0;
   padding: 0;
}
#wb_Text4
{
   visibility: visible;
   display: block;
}
#wb_Text4
{
   margin: 0;
   padding: 0;
}
#wb_Text5
{
   visibility: visible;
   display: block;
}
#wb_Text5
{
   margin: 0;
   padding: 0;
}
#wb_YouTube1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Heading3
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
   font-size: 24px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading3
{
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 24px;
   text-align: center;
   text-transform: none;
}
#wb_Heading4
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
   font-size: 24px;
   font-weight: bold;
   font-style: italic;
   text-decoration: none;
}
#wb_Heading4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading4
{
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: italic;
   font-size: 24px;
   text-align: center;
   text-transform: none;
}
#wb_Heading5
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
   font-size: 20px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading5
{
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 20px;
   text-align: center;
   text-transform: none;
}
#wb_Extension1
{
   height: 450px;
   visibility: visible;
   display: block;
}
#wb_LayoutGrid8
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid8
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid8
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#LayoutGrid8 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid4
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid4
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid4
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#LayoutGrid4 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid12
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid12
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid12
{
   height: auto;
   padding: 20px 15px 20px 15px;
}
#LayoutGrid12 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid10
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid10
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid10
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#LayoutGrid10 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid9
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid9
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid9
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#LayoutGrid9 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_faq
{
   visibility: visible;
   display: table;
   box-shadow: 0px 0px 0px #000000;
}
#wb_faq
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#faq
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#faq .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_Card8
{
   width: calc(100% - 20px);
   visibility: visible;
   display: flex;
   margin: 30px 10px 30px 10px;
}
#Card8-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #FFFFFF;
   font-family: "Roboto Condensed";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_Card8
{
   text-align: center;
}
#RollOverText6
{
   visibility: visible;
   display: block;
}
#wb_ktimaMelissa
{
   visibility: visible;
   display: table;
}
#wb_ktimaMelissa
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#ktimaMelissa
{
   height: auto;
   padding: 0 15px 50px 15px;
}
#ktimaMelissa .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_Image3
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 14px 0 0 0;
}
#Image3
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Image4
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 2px 0 2px 0;
}
#Image4
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Card9
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
}
#Card9-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 120px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 120px;
}
#Card9-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card9-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 17px;
   line-height: 25.5px;
}
#wb_Card9
{
   text-align: center;
}
#wb_Card10
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
}
#Card10-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 120px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 120px;
}
#Card10-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card10-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 17px;
   line-height: 25.5px;
}
#wb_Card10
{
   text-align: center;
}
#wb_Card11
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
}
#Card11-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 120px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 120px;
}
#Card11-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 19px;
}
#Card11-card-item2
{
   box-sizing: border-box;
   margin: 20px 30px 30px 30px;
   padding: 0;
   color: #000000;
   font-family: "Roboto Condensed";
   font-weight: 300;
   font-style: normal;
   font-size: 17px;
   line-height: 25.5px;
}
#wb_Card11
{
   text-align: center;
}
#wb_Text6
{
   visibility: visible;
   display: block;
}
#wb_Text6
{
   margin: 0;
   padding: 20px 50px 20px 50px;
}
#wb_Text7
{
   visibility: visible;
   display: block;
}
#wb_Text7
{
   margin: 0;
   padding: 0;
}
#wb_Text8
{
   visibility: visible;
   display: block;
}
#wb_Text8
{
   margin: 0;
   padding: 0;
}
#wb_ResponsiveMenu1
{
   width: 240px;
   height: 49px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: center;
}
#wb_YouTube2
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text2
{
   visibility: visible;
   display: block;
}
#wb_Text2
{
   margin: 0;
   padding: 0;
}
#wb_Text9
{
   visibility: visible;
   display: block;
}
#wb_Text9
{
   margin: 0;
   padding: 0;
}
#wb_Text10
{
   visibility: visible;
   display: block;
}
#wb_Text10
{
   margin: 0;
   padding: 0;
}
}