html, body, #container
{
   width: 100%;
   height: 100%;
}
body
{
   background-color: #E7C6B3;
   color: #000000;
   font-family: "Fira Sans";
   font-weight: 400;
   font-weight: 400;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #E7C6B3;
   text-decoration: none;
}
a:hover
{
   color: #5B261F;
   text-decoration: none;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
   #wb_welcome, #wb_moreServices, #wb_contact
   {
      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_welcome, #wb_moreServices, #wb_contact
   {
      background-attachment: scroll !important;
   }
}
#wb_indexImage3
{
   margin: 0;
   vertical-align: top;
}
#indexImage3
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 190px;
   height: 69px;
   vertical-align: top;
}
#wb_indexHeading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 10px 0 20px 0;
   text-align: left;
}
#indexHeading1
{
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
   margin: 0;
   text-align: left;
   text-transform: none;
}
#wb_welcome
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: url('../images/housesnikolaos-nikon2019-03507_stitch-1200-03.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#welcome
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 100px 0 100px 0;
   margin-right: auto;
   margin-left: auto;
}
#welcome > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#welcome > .col-1
{
   flex: 0 0 auto;
}
#welcome > .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: 320px)
{
#welcome > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#welcome-overlay
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: #000000;
   opacity: 0.43;
}
#welcome-divider-bottom
{
   overflow: hidden;
   position: absolute;
   line-height: 0;
   bottom: 0%;
   left: 0;
   width: 100%;
   height: 60px;
}
#welcome-divider-bottom svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}
#welcome-divider-bottom .divider-fill
{
   fill: #E7C6B3;
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#wb_moreServices
{
   background-color: transparent;
   background-image: url('../images/housesnikolaos-nikon2019-03503_stitch-1200x480.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   position: relative;
   z-index: 0;
}
#moreServices
{
   display: flex;
   position: relative;
   padding: 100px 10px 100px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: stretch;
   align-content: flex-start;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
   box-sizing: border-box;
   font-size: 0;
}
#moreServices-overlay
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: -1;
   background-color: #000000;
   opacity: 0.43;
}
#moreServices-divider-top
{
   overflow: hidden;
   position: absolute;
   top: 0%;
   width: 100%;
   height: 80px;
   line-height: 0;
   left: 0;
   transform: scaleY(-1.0);
}
#moreServices-divider-top svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   top: 0;
   transform: translateX(-50%);
}
#moreServices-divider-top .divider-fill
{
   fill: #E7C6B3;
   transform-origin: bottom;
   transform: rotateY(0deg);
}
@media all and (max-width:320px) 
{
#moreServices
{
   flex-direction: column;
   flex-wrap: nowrap;
}
}
#wb_about-grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #5B261F;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#about-grid
{
   box-sizing: border-box;
   padding: 75px 15px 75px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#about-grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#about-grid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#about-grid > .row > .col-1
{
   float: left;
}
#about-grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#about-grid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#about-grid:before,
#about-grid:after,
#about-grid .row:before,
#about-grid .row:after
{
   display: table;
   content: " ";
}
#about-grid:after,
#about-grid .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#about-grid > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_blog
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #E7C6B3;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#blog
{
   box-sizing: border-box;
   padding: 80px 5px 40px 5px;
   margin-right: auto;
   margin-left: auto;
}
#blog > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#blog > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#blog > .row > .col-1
{
   float: left;
}
#blog > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#blog > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0 10px 0;
}
#blog:before,
#blog:after,
#blog .row:before,
#blog .row:after
{
   display: table;
   content: " ";
}
#blog:after,
#blog .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#blog > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#blog-divider-top
{
   overflow: hidden;
   position: absolute;
   top: 0%;
   width: 100%;
   height: 80px;
   line-height: 0;
   left: 0;
   transform: scaleY(-1.0);
}
#blog-divider-top svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   top: 0;
   transform: translateX(-50%);
}
#blog-divider-top .divider-fill
{
   fill: #5B261F;
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#wb_blogGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #E7C6B3;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#blogGrid
{
   box-sizing: border-box;
   padding: 50px 20px 75px 20px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#blogGrid > .row
{
   margin-right: -20px;
   margin-left: -20px;
}
#blogGrid > .row > .col-1, #blogGrid > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 20px;
   padding-left: 20px;
   position: relative;
}
#blogGrid > .row > .col-1, #blogGrid > .row > .col-2
{
   float: left;
}
#blogGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: center;
}
#blogGrid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#blogGrid:before,
#blogGrid:after,
#blogGrid .row:before,
#blogGrid .row:after
{
   display: table;
   content: " ";
}
#blogGrid:after,
#blogGrid .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#blogGrid > .row > .col-1, #blogGrid > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_newsHeading
{
   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;
}
#newsHeading
{
   color: #E7C6B3;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_blogCard1, .blogCard1
{
   box-sizing: border-box;
   margin: 0;
   background-color: #5B261F;
   background-image: none;
   border: 1px solid #DEDEDE;
   border-radius: 3px;
   text-align: right;
}
#blogCard1-card-body
{
   padding: 0;
   font-size: 0;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
#blogCard1-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#wb_blogCard1:hover #blogCard1-card-item0
{
   transform: rotate(10deg) scale(1.2,1.2) ;
   transition: transform 500ms ease-out 0ms;
}
#blogCard1-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 500ms ease-out 0ms;
}
#blogCard1-card-item1
{
   box-sizing: border-box;
   margin: 20px 20px -25px 20px;
   padding: 0;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   text-align: left;
}
#blogCard1-card-item2
{
   display: inline-block;
   height: 32px;
   box-sizing: border-box;
   margin: 0 20px 0 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 32px;
}
#blogCard1-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#blogCard1-card-item2 .svg-icon
{
   fill: currentColor;
   width: 32px;
   height: 32px;
   overflow: visible;
   margin-right: 0px;
}
#blogCard1-card-item3
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   border-top: 1px #FFFFFF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#blogCard1-card-item4
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 22.4px;
   text-align: left;
}
#blogCard1-card-item5
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   text-align: right;
}
#blogCard1-card-item5 a
{
   color: inherit;
   text-decoration: none;
}
#blogCard1-card-item5 h1
{
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
 .blogCard1
{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 9999;
   display: block;
   max-width: 558px;
   width: 558px;
   height: 440px;
}
.blogCard1.popover .popover-arrow
{
   position: absolute;
   display: block;
   width: 1rem;
   height: 0.5rem;
   margin: 0 0.5rem;
}
.blogCard1.popover .popover-arrow::before, .blogCard1.popover .popover-arrow::after
{
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.blogCard1.bs-popover-end, .blogCard1.bs-popover-auto[x-placement^="right"]
{
   margin-left: 0.5rem;
}
.blogCard1.bs-popover-end > .popover-arrow, .blogCard1.bs-popover-auto[x-placement^="right"] > .popover-arrow 
{
   left: calc((0.5rem + 1px) * -1);
   width: 0.5rem;
   height: 1rem;
   margin: 0.5rem 0;
}
.blogCard1.bs-popover-end > .popover-arrow::before, .blogCard1.bs-popover-auto[x-placement^="right"] > .popover-arrow::before
{
   left: 0;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   border-right-color: #DEDEDE;
}
.blogCard1.bs-popover-end > .popover-arrow::after, .blogCard1.bs-popover-auto[x-placement^="right"] > .popover-arrow::after
{
   left: 1px;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   border-right-color: #5B261F;
}
#wb_blogCard2, .blogCard2
{
   box-sizing: border-box;
   margin: 0;
   background-color: #5B261F;
   background-image: none;
   border: 1px solid #DEDEDE;
   border-radius: 3px;
   text-align: right;
}
#blogCard2-card-body
{
   padding: 0;
   font-size: 0;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
#blogCard2-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#wb_blogCard2:hover #blogCard2-card-item0
{
   transform: rotate(10deg) scale(1.2,1.2) ;
   transition: transform 500ms ease-out 0ms;
}
#blogCard2-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 500ms ease-out 0ms;
}
#blogCard2-card-item1
{
   box-sizing: border-box;
   margin: 20px 20px -25px 20px;
   padding: 0;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   text-align: left;
}
#blogCard2-card-item2
{
   display: inline-block;
   height: 32px;
   box-sizing: border-box;
   margin: 0 20px 0 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 32px;
}
#blogCard2-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#blogCard2-card-item2 .svg-icon
{
   fill: currentColor;
   width: 32px;
   height: 32px;
   overflow: visible;
   margin-right: 0px;
}
#blogCard2-card-item3
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   border-top: 1px #FFFFFF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#blogCard2-card-item4
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 22.4px;
   text-align: left;
}
#blogCard2-card-item5
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   text-align: right;
}
#blogCard2-card-item5 a
{
   color: inherit;
   text-decoration: none;
}
#blogCard2-card-item5 h2
{
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
 .blogCard2
{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 9999;
   display: block;
   max-width: 558px;
   width: 558px;
   height: 440px;
}
.blogCard2.popover .popover-arrow
{
   position: absolute;
   display: block;
   width: 1rem;
   height: 0.5rem;
   margin: 0 0.5rem;
}
.blogCard2.popover .popover-arrow::before, .blogCard2.popover .popover-arrow::after
{
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.blogCard2.bs-popover-end, .blogCard2.bs-popover-auto[x-placement^="right"]
{
   margin-left: 0.5rem;
}
.blogCard2.bs-popover-end > .popover-arrow, .blogCard2.bs-popover-auto[x-placement^="right"] > .popover-arrow 
{
   left: calc((0.5rem + 1px) * -1);
   width: 0.5rem;
   height: 1rem;
   margin: 0.5rem 0;
}
.blogCard2.bs-popover-end > .popover-arrow::before, .blogCard2.bs-popover-auto[x-placement^="right"] > .popover-arrow::before
{
   left: 0;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   border-right-color: #DEDEDE;
}
.blogCard2.bs-popover-end > .popover-arrow::after, .blogCard2.bs-popover-auto[x-placement^="right"] > .popover-arrow::after
{
   left: 1px;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   border-right-color: #5B261F;
}
#wb_moreServicesCard1
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 30px 10px 30px 10px;
   background-color: rgba(255,255,255,0.13);
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#moreServicesCard1-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#moreServicesCard1-card-item0
{
   display: inline-block;
   height: 63px;
   box-sizing: border-box;
   margin: 25px 0 0 0 ;
   padding: 10px 10px 10px 10px;
   border: 0px solid #9F9F9F;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item0
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item0
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#moreServicesCard1-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
   transition: fill 300ms linear 0ms;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item0 .svg-icon
{
   fill: #FFFFFF;
   transition: fill 300ms linear 0ms;
}
#moreServicesCard1-card-item1
{
   box-sizing: border-box;
   margin: 20px 100px 20px 100px;
   border-top: 2px #9F9F9F solid;
   border-width: 2px 0 0 0;
   height: 0;
   line-height: 0;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item1
{
   border-top-color: #FFFFFF;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard1-card-item1
{
   border-top-color: #9F9F9F;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard1-card-item2
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item2
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item2
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item3
{
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item3
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item3
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#wb_moreServicesCard2
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 30px 10px 30px 10px;
   background-color: rgba(255,255,255,0.13);
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#moreServicesCard2-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#moreServicesCard2-card-item0
{
   display: inline-block;
   height: 63px;
   box-sizing: border-box;
   margin: 25px 0 0 0 ;
   padding: 10px 10px 10px 10px;
   border: 0px solid #9F9F9F;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item0
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item0
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#moreServicesCard2-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
   transition: fill 300ms linear 0ms;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item0 .svg-icon
{
   fill: #FFFFFF;
   transition: fill 300ms linear 0ms;
}
#moreServicesCard2-card-item1
{
   box-sizing: border-box;
   margin: 20px 100px 20px 100px;
   border-top: 2px #9F9F9F solid;
   border-width: 2px 0 0 0;
   height: 0;
   line-height: 0;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item1
{
   border-top-color: #FFFFFF;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard2-card-item1
{
   border-top-color: #9F9F9F;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard2-card-item2
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item2
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item2
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item3
{
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item3
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item3
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#wb_moreServicesCard3
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 30px 10px 30px 10px;
   background-color: rgba(255,255,255,0.13);
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#moreServicesCard3-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#moreServicesCard3-card-item0
{
   display: inline-block;
   height: 63px;
   box-sizing: border-box;
   margin: 25px 0 0 0 ;
   padding: 10px 10px 10px 10px;
   border: 0px solid #9F9F9F;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item0
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item0
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#moreServicesCard3-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
   transition: fill 300ms linear 0ms;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item0 .svg-icon
{
   fill: #FFFFFF;
   transition: fill 300ms linear 0ms;
}
#moreServicesCard3-card-item1
{
   box-sizing: border-box;
   margin: 20px 100px 20px 100px;
   border-top: 2px #9F9F9F solid;
   border-width: 2px 0 0 0;
   height: 0;
   line-height: 0;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item1
{
   border-top-color: #FFFFFF;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard3-card-item1
{
   border-top-color: #9F9F9F;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard3-card-item2
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item2
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item2
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item3
{
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item3
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item3
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#wb_contact
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: url('../images/athitos-aero-sav8526-1200x480.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#contact
{
   box-sizing: border-box;
   padding: 150px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#contact > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#contact > .row > .col-1, #contact > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#contact > .row > .col-1, #contact > .row > .col-2
{
   float: left;
}
#contact > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#contact > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #ECF0F1;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#contact:before,
#contact:after,
#contact .row:before,
#contact .row:after
{
   display: table;
   content: " ";
}
#contact:after,
#contact .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#contact > .row > .col-1, #contact > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#contact-overlay
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: #000000;
   opacity: 0.5;
}
#contact-divider-top
{
   overflow: hidden;
   position: absolute;
   top: 0%;
   width: 100%;
   height: 100px;
   line-height: 0;
   left: 0;
   transform: scale(-1.0, -1.0);
}
#contact-divider-top svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   top: 0;
   transform: translateX(-50%);
}
#contact-divider-top .divider-fill
{
   fill: #E7C6B3;
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#wb_contactHeading
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 10px 0 20px 0;
   text-align: left;
}
#contactHeading
{
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
   margin: 0;
   text-align: left;
   text-transform: none;
}
#contactName
{
   box-sizing: border-box;
   line-height: 22px;
   margin: 5px 0 10px 0 ;
   border: 2px solid #5B261F;
   border-radius: 0px;
   background-color: #E7C6B3;
   background-image: none;
   color: #5B261F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   text-align: left;
   padding: 8px 12px 8px 12px;
}
#contactName:focus
{
   border-color: #E7C6B3;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(231,198,179,0.60);
   outline: 0;
}
#contactEmail
{
   box-sizing: border-box;
   line-height: 22px;
   margin: 5px 0 10px 0 ;
   border: 2px solid #5B261F;
   border-radius: 0px;
   background-color: #E7C6B3;
   background-image: none;
   color: #5B261F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   text-align: left;
   padding: 8px 12px 8px 12px;
}
#contactEmail:focus
{
   border-color: #E7C6B3;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(231,198,179,0.60);
   outline: 0;
}
#contactMessage
{
   box-sizing: border-box;
   border: 2px solid #5B261F;
   border-radius: 0px;
   background-color: #E7C6B3;
   background-image: none;
   color: #5B261F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   text-align: left;
   padding: 8px 12px 8px 12px;
   margin: 5px 0 10px 0 ;
   overflow: auto;
   resize: none;
}
#contactMessage:focus
{
   border-color: #E7C6B3;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(231,198,179,0.60);
   outline: 0;
}
#contactButton
{
   border: 2px solid #E7C6B3;
   border-radius: 0px;
   background-color: #5B261F;
   background-image: none;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   padding: 0;
   text-align: center;
   -webkit-appearance: none;
   margin: 10px 0 10px 0 ;
}
#contactButton:focus
{
   outline: 0;
}
#contactPhone
{
   box-sizing: border-box;
   line-height: 22px;
   margin: 5px 0 10px 0 ;
   border: 2px solid #5B261F;
   border-radius: 0px;
   background-color: #E7C6B3;
   background-image: none;
   color: #5B261F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   text-align: left;
   padding: 8px 12px 8px 12px;
}
#contactPhone:focus
{
   border-color: #E7C6B3;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(231,198,179,0.60);
   outline: 0;
}
#wb_contactText 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_contactText
{
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: 400;
   font-size: 19px;
   line-height: 22px;
}
#wb_contactText p, #wb_contactText ul
{
   margin: 0;
   padding: 0;
}
#wb_contactText
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_footerGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #5B261F;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#footerGrid
{
   box-sizing: border-box;
   padding: 30px 5px 30px 5px;
   margin-right: auto;
   margin-left: auto;
}
#footerGrid > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#footerGrid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#footerGrid > .row > .col-1
{
   float: left;
}
#footerGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#footerGrid:before,
#footerGrid:after,
#footerGrid .row:before,
#footerGrid .row:after
{
   display: table;
   content: " ";
}
#footerGrid:after,
#footerGrid .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#footerGrid > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_indexImage1
{
   margin: 0;
   vertical-align: top;
}
#indexImage1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 390px;
   height: 89px;
   vertical-align: top;
}
#wb_indexImage2
{
   margin: 90px 0 90px 0 ;
   vertical-align: top;
}
#indexImage2
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 607px;
   height: 138px;
   vertical-align: top;
}
#wb_indexText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 10px 10px 10px 10px;
   margin: 0;
   text-align: center;
}
#wb_indexText1
{
   color: #E7C6B3;
   font-family: "Fira Sans";
   font-weight: 400;
   font-size: 15px;
   line-height: 17.5px;
}
#wb_indexText1 p, #wb_indexText1 ul
{
   margin: 0;
   padding: 0;
}
#wb_indexText1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_indexLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#indexLayoutGrid1
{
   box-sizing: border-box;
   padding: 30px 5px 30px 5px;
   margin-right: auto;
   margin-left: auto;
}
#indexLayoutGrid1 > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexLayoutGrid1 > .row > .col-1, #indexLayoutGrid1 > .row > .col-2, #indexLayoutGrid1 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#indexLayoutGrid1 > .row > .col-1, #indexLayoutGrid1 > .row > .col-2, #indexLayoutGrid1 > .row > .col-3
{
   float: left;
}
#indexLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#indexLayoutGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#indexLayoutGrid1 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: right;
}
#indexLayoutGrid1:before,
#indexLayoutGrid1:after,
#indexLayoutGrid1 .row:before,
#indexLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#indexLayoutGrid1:after,
#indexLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#indexLayoutGrid1 > .row > .col-1, #indexLayoutGrid1 > .row > .col-2, #indexLayoutGrid1 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_indexText3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_indexText3
{
   color: #E7C6B3;
   font-family: "Fira Sans";
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
}
#wb_indexText3 p, #wb_indexText3 ul
{
   margin: 0;
   padding: 0;
}
#wb_indexText3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_indexImage4
{
   margin: 0;
   vertical-align: top;
}
#indexImage4
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 100px;
   height: 100px;
   vertical-align: top;
}
#wb_indexImage5
{
   margin: 0;
   vertical-align: top;
}
#indexImage5
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 80px;
   height: 94px;
   vertical-align: top;
}
#wb_indexHeading1
{
   display: block;
   width: 100%;
   z-index: 11;
}
#contactEmail
{
   display: block;
   width: 100%;
   height: 42px;
   z-index: 13;
}
#contactButton
{
   display: block;
   width: 100%;
   height: 56px;
   z-index: 16;
}
#contactMessage
{
   display: block;
   width: 100%;
   height: 108px;
   z-index: 15;
}
#indexHtml1
{
   display: inline-block;
   width: 1187px;
   height: 45px;
   z-index: 22;
}
#wb_blogCard2
{
   display: flex;
   width: 100%;
   z-index: 7;
}
#wb_blogCard1
{
   display: flex;
   width: 100%;
   z-index: 6;
}
#wb_newsHeading
{
   display: block;
   width: 100%;
   z-index: 4;
}
#wb_indexImage5
{
   display: inline-block;
   width: 80px;
   height: 94px;
   z-index: 20;
}
#wb_indexImage4
{
   display: inline-block;
   width: 100px;
   height: 100px;
   z-index: 19;
}
#wb_indexImage3
{
   display: inline-block;
   width: 190px;
   height: 69px;
   z-index: 17;
}
#wb_indexImage1
{
   display: inline-block;
   width: 390px;
   height: 89px;
   z-index: 10;
}
#wb_indexImage2
{
   display: inline-block;
   width: 607px;
   height: 138px;
   z-index: 0;
}
#contactPhone
{
   display: block;
   width: 100%;
   height: 42px;
   z-index: 14;
}
#wb_contactHeading
{
   display: block;
   width: 100%;
   z-index: 8;
}
#contactName
{
   display: block;
   width: 100%;
   height: 42px;
   z-index: 12;
}
#wb_moreServicesCard3
{
   display: flex;
   z-index: 3;
}
#wb_moreServicesCard2
{
   display: flex;
   z-index: 2;
}
#wb_moreServicesCard1
{
   display: flex;
   z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1199px)
{
body
{
   background-color: #E7C6B3;
   background-image: none;
}
#wb_indexImage3
{
   width: 190px;
   height: 69px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#indexImage3
{
   width: 190px;
   height: 69px;
}
#wb_indexHeading1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 10px 0 20px 0;
}
#wb_welcome
{
   visibility: visible;
   display: table;
}
#wb_welcome
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#welcome
{
   height: auto;
   padding: 100px 0 100px 0;
}
#welcome-divider-bottom
{
   height: 60px;
}
#welcome-divider-bottom
{
   bottom: 0%;
}
#wb_moreServices
{
   visibility: visible;
   display: block;
   background-color: transparent;
   background-image: url('../images/housesnikolaos-nikon2019-03503_stitch-1200x480.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
   border: 0px solid #CCCCCC;
}
#moreServices
{
   padding: 100px 10px 100px 10px;
}
#moreServices-divider-top
{
   height: 80px;
}
#moreServices-divider-top
{
   top: 0%;
   left: 0;
}
#wb_about-grid
{
   visibility: visible;
   display: table;
}
#wb_about-grid
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#about-grid
{
   height: auto;
   padding: 75px 15px 75px 15px;
}
#about-grid .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_blog
{
   visibility: visible;
   display: table;
}
#wb_blog
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#blog
{
   height: auto;
   padding: 80px 5px 40px 5px;
}
#blog .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#blog-divider-top
{
   height: 80px;
}
#blog-divider-top
{
   top: 0%;
   left: 0;
}
#wb_blogGrid
{
   visibility: visible;
   display: table;
}
#wb_blogGrid
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#blogGrid
{
   height: auto;
   padding: 50px 20px 75px 20px;
}
#blogGrid .row
{
   margin-right: -20px;
   margin-left: -20px;
}
#wb_newsHeading
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#wb_blogCard1
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
   font-size: 16px;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#blogCard1-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#wb_blogCard1:hover #blogCard1-card-item0
{
   transform: rotate(10deg) scale(1.2,1.2) ;
   transition: transform 500ms ease-out 0ms;
}
#blogCard1-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 500ms ease-out 0ms;
}
#blogCard1-card-item1
{
   box-sizing: border-box;
   margin: 20px 20px -25px 20px;
   padding: 0;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   text-align: left;
}
#blogCard1-card-item2
{
   display: inline-block;
   height: 32px;
   box-sizing: border-box;
   margin: 0 20px 0 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 32px;
}
#blogCard1-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#blogCard1-card-item2 .svg-icon
{
   fill: currentColor;
   width: 32px;
   height: 32px;
   overflow: visible;
   margin-right: 0px;
}
#blogCard1-card-item3
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   border-top: 1px #FFFFFF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#blogCard1-card-item4
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 22.4px;
   text-align: left;
}
#blogCard1-card-item5
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   text-align: right;
}
#blogCard1-card-item5 a
{
   color: inherit;
   text-decoration: none;
}
#blogCard1-card-item5 h1
{
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
 .blogCard1
{
   max-width: 340px;
   width: 340px;
   height: 440px;
}
#wb_blogCard1
{
   text-align: right;
}
#wb_blogCard2
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
   font-size: 16px;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#blogCard2-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#wb_blogCard2:hover #blogCard2-card-item0
{
   transform: rotate(10deg) scale(1.2,1.2) ;
   transition: transform 500ms ease-out 0ms;
}
#blogCard2-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 500ms ease-out 0ms;
}
#blogCard2-card-item1
{
   box-sizing: border-box;
   margin: 20px 20px -25px 20px;
   padding: 0;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   text-align: left;
}
#blogCard2-card-item2
{
   display: inline-block;
   height: 32px;
   box-sizing: border-box;
   margin: 0 20px 0 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 32px;
}
#blogCard2-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#blogCard2-card-item2 .svg-icon
{
   fill: currentColor;
   width: 32px;
   height: 32px;
   overflow: visible;
   margin-right: 0px;
}
#blogCard2-card-item3
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   border-top: 1px #FFFFFF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#blogCard2-card-item4
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 22.4px;
   text-align: left;
}
#blogCard2-card-item5
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   text-align: right;
}
#blogCard2-card-item5 a
{
   color: inherit;
   text-decoration: none;
}
#blogCard2-card-item5 h2
{
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
 .blogCard2
{
   max-width: 340px;
   width: 340px;
   height: 440px;
}
#wb_blogCard2
{
   text-align: right;
}
#wb_moreServicesCard1
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 30px 10px 30px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   color: transparent;
   font-size: 16px;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#moreServicesCard1-card-item0
{
   display: inline-block;
   height: 63px;
   box-sizing: border-box;
   margin: 25px 0 0 0 ;
   padding: 10px 10px 10px 10px;
   border: 0px solid #9F9F9F;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item0
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item0
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#moreServicesCard1-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
   transition: fill 300ms linear 0ms;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item0 .svg-icon
{
   fill: #FFFFFF;
   transition: fill 300ms linear 0ms;
}
#moreServicesCard1-card-item1
{
   box-sizing: border-box;
   margin: 20px 100px 20px 100px;
   border-top: 2px #9F9F9F solid;
   border-width: 2px 0 0 0;
   height: 0;
   line-height: 0;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item1
{
   border-top-color: #FFFFFF;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard1-card-item1
{
   border-top-color: #9F9F9F;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard1-card-item2
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item2
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item2
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item3
{
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item3
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item3
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#wb_moreServicesCard1
{
   text-align: center;
}
#wb_moreServicesCard2
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 30px 10px 30px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   color: transparent;
   font-size: 16px;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#moreServicesCard2-card-item0
{
   display: inline-block;
   height: 63px;
   box-sizing: border-box;
   margin: 25px 0 0 0 ;
   padding: 10px 10px 10px 10px;
   border: 0px solid #9F9F9F;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item0
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item0
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#moreServicesCard2-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
   transition: fill 300ms linear 0ms;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item0 .svg-icon
{
   fill: #FFFFFF;
   transition: fill 300ms linear 0ms;
}
#moreServicesCard2-card-item1
{
   box-sizing: border-box;
   margin: 20px 100px 20px 100px;
   border-top: 2px #9F9F9F solid;
   border-width: 2px 0 0 0;
   height: 0;
   line-height: 0;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item1
{
   border-top-color: #FFFFFF;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard2-card-item1
{
   border-top-color: #9F9F9F;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard2-card-item2
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item2
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item2
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item3
{
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item3
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item3
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#wb_moreServicesCard2
{
   text-align: center;
}
#wb_moreServicesCard3
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 30px 10px 30px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   color: transparent;
   font-size: 16px;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#moreServicesCard3-card-item0
{
   display: inline-block;
   height: 63px;
   box-sizing: border-box;
   margin: 25px 0 0 0 ;
   padding: 10px 10px 10px 10px;
   border: 0px solid #9F9F9F;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item0
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item0
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#moreServicesCard3-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
   transition: fill 300ms linear 0ms;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item0 .svg-icon
{
   fill: #FFFFFF;
   transition: fill 300ms linear 0ms;
}
#moreServicesCard3-card-item1
{
   box-sizing: border-box;
   margin: 20px 100px 20px 100px;
   border-top: 2px #9F9F9F solid;
   border-width: 2px 0 0 0;
   height: 0;
   line-height: 0;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item1
{
   border-top-color: #FFFFFF;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard3-card-item1
{
   border-top-color: #9F9F9F;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard3-card-item2
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item2
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item2
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item3
{
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item3
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item3
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#wb_moreServicesCard3
{
   text-align: center;
}
#wb_contact
{
   visibility: visible;
   display: table;
}
#wb_contact
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#contact
{
   height: auto;
   padding: 150px 15px 50px 15px;
}
#contact .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#contact-divider-top
{
   height: 100px;
}
#contact-divider-top
{
   top: 0%;
   left: 0;
}
#wb_contactHeading
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 10px 0 20px 0;
}
#contactName
{
   width: 100%;
   height: 42px;
   visibility: visible;
   display: block;
   margin: 5px 0 10px 0 ;
   padding: 8px 12px 8px 12px;
   text-align: left;
}
#contactName
{
   line-height: 7px;
}
#contactEmail
{
   width: 100%;
   height: 42px;
   visibility: visible;
   display: block;
   margin: 5px 0 10px 0 ;
   padding: 8px 12px 8px 12px;
   text-align: left;
}
#contactEmail
{
   line-height: 7px;
}
#contactMessage
{
   width: 100%;
   height: 108px;
   visibility: visible;
   display: block;
   margin: 5px 0 10px 0 ;
   padding: 8px 12px 8px 12px;
   text-align: left;
}
#contactButton
{
   width: 100%;
   height: 56px;
   visibility: visible;
   display: block;
   margin: 10px 0 10px 0 ;
   padding: 0;
}
#contactPhone
{
   width: 100%;
   height: 42px;
   visibility: visible;
   display: block;
   margin: 5px 0 10px 0 ;
   padding: 8px 12px 8px 12px;
   text-align: left;
}
#contactPhone
{
   line-height: 7px;
}
#wb_contactText
{
   visibility: visible;
   display: block;
}
#wb_contactText
{
   font-size: 19px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 22px;
}
#wb_footerGrid
{
   visibility: visible;
   display: table;
}
#wb_footerGrid
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#footerGrid
{
   height: auto;
   padding: 30px 5px 30px 5px;
}
#footerGrid .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#wb_indexImage1
{
   width: 354px;
   height: 80px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#indexImage1
{
   width: 354px;
   height: 80px;
}
#wb_indexImage2
{
   width: 607px;
   height: 138px;
   visibility: visible;
   display: inline-block;
   margin: 90px 0 90px 0 ;
   padding: 0;
}
#indexImage2
{
   width: 607px;
   height: 138px;
}
#wb_indexText1
{
   visibility: visible;
   display: block;
}
#wb_indexText1
{
   margin: 0;
   padding: 10px 10px 10px 10px;
}
#wb_indexLayoutGrid1
{
   visibility: visible;
   display: table;
   background-color: transparent;
   background-image: none;
}
#wb_indexLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexLayoutGrid1
{
   height: auto;
   padding: 30px 5px 30px 5px;
}
#indexLayoutGrid1 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexExtension2
{
}
#indexHtml1
{
   width: 758px;
   height: 45px;
   visibility: visible;
   display: inline-block;
}
#wb_indexText3
{
   visibility: visible;
   display: block;
}
#wb_indexText3
{
   margin: 0;
   padding: 0;
}
#wb_indexImage4
{
   width: 100px;
   height: 100px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#indexImage4
{
   width: 100px;
   height: 100px;
}
#wb_indexImage5
{
   width: 80px;
   height: 94px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#indexImage5
{
   width: 80px;
   height: 94px;
}
}
@media only screen and (max-width: 767px)
{
body
{
   background-color: #E7C6B3;
   background-image: none;
}
#wb_indexImage3
{
   width: 190px;
   height: 69px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#indexImage3
{
   width: 190px;
   height: 69px;
}
#wb_indexHeading1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 10px 0 20px 0;
}
#wb_welcome
{
   visibility: visible;
   display: table;
}
#wb_welcome
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#welcome
{
   height: auto;
   padding: 100px 0 100px 0;
}
#welcome-divider-bottom
{
   height: 60px;
}
#welcome-divider-bottom
{
   bottom: 0%;
}
#wb_moreServices
{
   visibility: visible;
   display: block;
   background-color: transparent;
   background-image: url('../images/housesnikolaos-nikon2019-03503_stitch-1200x480.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
   border: 0px solid #CCCCCC;
}
#moreServices
{
   padding: 100px 10px 100px 10px;
}
#moreServices-divider-top
{
   height: 80px;
}
#moreServices-divider-top
{
   top: 0%;
   left: 0;
}
#wb_about-grid
{
   visibility: visible;
   display: table;
}
#wb_about-grid
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#about-grid
{
   height: auto;
   padding: 75px 15px 75px 15px;
}
#about-grid .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_blog
{
   visibility: visible;
   display: table;
}
#wb_blog
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#blog
{
   height: auto;
   padding: 80px 5px 40px 5px;
}
#blog .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#blog-divider-top
{
   height: 80px;
}
#blog-divider-top
{
   top: 0%;
   left: 0;
}
#wb_blogGrid
{
   visibility: visible;
   display: table;
}
#wb_blogGrid
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#blogGrid
{
   height: auto;
   padding: 50px 20px 75px 20px;
}
#blogGrid .row
{
   margin-right: -20px;
   margin-left: -20px;
}
#wb_newsHeading
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#wb_blogCard1
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
   font-size: 16px;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#blogCard1-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#wb_blogCard1:hover #blogCard1-card-item0
{
   transform: rotate(10deg) scale(1.2,1.2) ;
   transition: transform 500ms ease-out 0ms;
}
#blogCard1-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 500ms ease-out 0ms;
}
#blogCard1-card-item1
{
   box-sizing: border-box;
   margin: 20px 20px -25px 20px;
   padding: 0;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   text-align: left;
}
#blogCard1-card-item2
{
   display: inline-block;
   height: 32px;
   box-sizing: border-box;
   margin: 0 20px 0 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 32px;
}
#blogCard1-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#blogCard1-card-item2 .svg-icon
{
   fill: currentColor;
   width: 32px;
   height: 32px;
   overflow: visible;
   margin-right: 0px;
}
#blogCard1-card-item3
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   border-top: 1px #FFFFFF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#blogCard1-card-item4
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 22.4px;
   text-align: left;
}
#blogCard1-card-item5
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   text-align: right;
}
#blogCard1-card-item5 a
{
   color: inherit;
   text-decoration: none;
}
#blogCard1-card-item5 h1
{
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
 .blogCard1
{
   max-width: 276px;
   width: 276px;
   height: 440px;
}
#wb_blogCard1
{
   text-align: right;
}
#wb_blogCard2
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0;
   color: transparent;
   font-size: 16px;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#blogCard2-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#wb_blogCard2:hover #blogCard2-card-item0
{
   transform: rotate(10deg) scale(1.2,1.2) ;
   transition: transform 500ms ease-out 0ms;
}
#blogCard2-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 500ms ease-out 0ms;
}
#blogCard2-card-item1
{
   box-sizing: border-box;
   margin: 20px 20px -25px 20px;
   padding: 0;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   text-align: left;
}
#blogCard2-card-item2
{
   display: inline-block;
   height: 32px;
   box-sizing: border-box;
   margin: 0 20px 0 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 32px;
}
#blogCard2-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#blogCard2-card-item2 .svg-icon
{
   fill: currentColor;
   width: 32px;
   height: 32px;
   overflow: visible;
   margin-right: 0px;
}
#blogCard2-card-item3
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   border-top: 1px #FFFFFF solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#blogCard2-card-item4
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 22.4px;
   text-align: left;
}
#blogCard2-card-item5
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   text-align: right;
}
#blogCard2-card-item5 a
{
   color: inherit;
   text-decoration: none;
}
#blogCard2-card-item5 h2
{
   color: #FFFFFF;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 17px;
   margin: 0;
}
 .blogCard2
{
   max-width: 276px;
   width: 276px;
   height: 440px;
}
#wb_blogCard2
{
   text-align: right;
}
#wb_moreServicesCard1
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 30px 10px 30px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   color: transparent;
   font-size: 16px;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#moreServicesCard1-card-item0
{
   display: inline-block;
   height: 63px;
   box-sizing: border-box;
   margin: 25px 0 0 0 ;
   padding: 10px 10px 10px 10px;
   border: 0px solid #9F9F9F;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item0
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item0
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#moreServicesCard1-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
   transition: fill 300ms linear 0ms;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item0 .svg-icon
{
   fill: #FFFFFF;
   transition: fill 300ms linear 0ms;
}
#moreServicesCard1-card-item1
{
   box-sizing: border-box;
   margin: 20px 100px 20px 100px;
   border-top: 2px #9F9F9F solid;
   border-width: 2px 0 0 0;
   height: 0;
   line-height: 0;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item1
{
   border-top-color: #FFFFFF;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard1-card-item1
{
   border-top-color: #9F9F9F;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard1-card-item2
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item2
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item2
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item3
{
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#wb_moreServicesCard1:hover #moreServicesCard1-card-item3
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard1-card-item3
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#wb_moreServicesCard1
{
   text-align: center;
}
#wb_moreServicesCard2
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 30px 10px 30px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   color: transparent;
   font-size: 16px;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#moreServicesCard2-card-item0
{
   display: inline-block;
   height: 63px;
   box-sizing: border-box;
   margin: 25px 0 0 0 ;
   padding: 10px 10px 10px 10px;
   border: 0px solid #9F9F9F;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item0
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item0
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#moreServicesCard2-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
   transition: fill 300ms linear 0ms;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item0 .svg-icon
{
   fill: #FFFFFF;
   transition: fill 300ms linear 0ms;
}
#moreServicesCard2-card-item1
{
   box-sizing: border-box;
   margin: 20px 100px 20px 100px;
   border-top: 2px #9F9F9F solid;
   border-width: 2px 0 0 0;
   height: 0;
   line-height: 0;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item1
{
   border-top-color: #FFFFFF;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard2-card-item1
{
   border-top-color: #9F9F9F;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard2-card-item2
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item2
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item2
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item3
{
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#wb_moreServicesCard2:hover #moreServicesCard2-card-item3
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard2-card-item3
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#wb_moreServicesCard2
{
   text-align: center;
}
#wb_moreServicesCard3
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 30px 10px 30px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   color: transparent;
   font-size: 16px;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#moreServicesCard3-card-item0
{
   display: inline-block;
   height: 63px;
   box-sizing: border-box;
   margin: 25px 0 0 0 ;
   padding: 10px 10px 10px 10px;
   border: 0px solid #9F9F9F;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item0
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item0
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item0 a
{
   color: inherit;
   text-decoration: none;
}
#moreServicesCard3-card-item0 .svg-icon
{
   fill: currentColor;
   width: 43px;
   height: 43px;
   overflow: visible;
   margin-right: 0px;
   transition: fill 300ms linear 0ms;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item0 .svg-icon
{
   fill: #FFFFFF;
   transition: fill 300ms linear 0ms;
}
#moreServicesCard3-card-item1
{
   box-sizing: border-box;
   margin: 20px 100px 20px 100px;
   border-top: 2px #9F9F9F solid;
   border-width: 2px 0 0 0;
   height: 0;
   line-height: 0;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item1
{
   border-top-color: #FFFFFF;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard3-card-item1
{
   border-top-color: #9F9F9F;
   transition: border-top-color 300ms linear 0ms;
}
#moreServicesCard3-card-item2
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item2
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item2
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item3
{
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   padding: 0;
   color: #9F9F9F;
   font-family: "Fira Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#wb_moreServicesCard3:hover #moreServicesCard3-card-item3
{
   color: #FFFFFF;
   transition: color 300ms linear 0ms;
}
#moreServicesCard3-card-item3
{
   color: #9F9F9F;
   transition: color 300ms linear 0ms;
}
#wb_moreServicesCard3
{
   text-align: center;
}
#wb_contact
{
   visibility: visible;
   display: table;
}
#wb_contact
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#contact
{
   height: auto;
   padding: 150px 15px 50px 15px;
}
#contact .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#contact-divider-top
{
   height: 100px;
}
#contact-divider-top
{
   top: 0%;
   left: 0;
}
#wb_contactHeading
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 10px 0 20px 0;
}
#contactName
{
   width: 100%;
   height: 42px;
   visibility: visible;
   display: block;
   margin: 5px 0 10px 0 ;
   padding: 8px 12px 8px 12px;
   text-align: left;
}
#contactName
{
   line-height: 7px;
}
#contactEmail
{
   width: 100%;
   height: 42px;
   visibility: visible;
   display: block;
   margin: 5px 0 10px 0 ;
   padding: 8px 12px 8px 12px;
   text-align: left;
}
#contactEmail
{
   line-height: 7px;
}
#contactMessage
{
   width: 100%;
   height: 108px;
   visibility: visible;
   display: block;
   margin: 5px 0 10px 0 ;
   padding: 8px 12px 8px 12px;
   text-align: left;
}
#contactButton
{
   width: 100%;
   height: 56px;
   visibility: visible;
   display: block;
   margin: 10px 0 10px 0 ;
   padding: 0;
}
#contactPhone
{
   width: 100%;
   height: 42px;
   visibility: visible;
   display: block;
   margin: 5px 0 10px 0 ;
   padding: 8px 12px 8px 12px;
   text-align: left;
}
#contactPhone
{
   line-height: 7px;
}
#wb_contactText
{
   visibility: visible;
   display: block;
}
#wb_contactText
{
   font-size: 19px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 22px;
}
#wb_footerGrid
{
   visibility: visible;
   display: table;
}
#wb_footerGrid
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#footerGrid
{
   height: auto;
   padding: 30px 5px 30px 5px;
}
#footerGrid .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#wb_indexImage1
{
   width: 290px;
   height: 66px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#indexImage1
{
   width: 290px;
   height: 66px;
}
#wb_indexImage2
{
   width: 290px;
   height: 66px;
   visibility: visible;
   display: inline-block;
   margin: 90px 0 90px 0 ;
   padding: 0;
}
#indexImage2
{
   width: 290px;
   height: 66px;
}
#wb_indexText1
{
   visibility: visible;
   display: block;
}
#wb_indexText1
{
   margin: 0;
   padding: 10px 10px 10px 10px;
}
#wb_indexLayoutGrid1
{
   visibility: visible;
   display: table;
   background-color: transparent;
   background-image: none;
}
#wb_indexLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#indexLayoutGrid1
{
   height: auto;
   padding: 30px 5px 30px 5px;
}
#indexLayoutGrid1 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#indexExtension2
{
}
#indexHtml1
{
   width: 310px;
   height: 45px;
   visibility: visible;
   display: inline-block;
}
#wb_indexText3
{
   visibility: visible;
   display: block;
}
#wb_indexText3
{
   margin: 0;
   padding: 0;
}
#wb_indexImage4
{
   width: 100px;
   height: 100px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#indexImage4
{
   width: 100px;
   height: 100px;
}
#wb_indexImage5
{
   width: 80px;
   height: 94px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#indexImage5
{
   width: 80px;
   height: 94px;
}
}
@media all and (max-width:320px)
{
*
{
   transition-property: none !important;
   animation: none !important;
}
}