body
{
   background-color: #000000;
   color: #000000;
   font-family: "Open Sans";
   font-weight: 400;
   font-weight: 400;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
   overflow-x: hidden;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
   #wb_LayoutGrid1, #wb_dreamsLayoutGrid
   {
      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_LayoutGrid1, #wb_dreamsLayoutGrid
   {
      background-attachment: scroll !important;
   }
}
#wb_navigationLayoutGrid
{
   clear: both;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 7776;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #212226;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#navigationLayoutGrid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 20px 0 20px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#navigationLayoutGrid > .col-1, #navigationLayoutGrid > .col-2, #navigationLayoutGrid > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#navigationLayoutGrid > .col-1, #navigationLayoutGrid > .col-2, #navigationLayoutGrid > .col-3
{
   flex: 0 0 auto;
}
#navigationLayoutGrid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#navigationLayoutGrid > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 58.33333333%;
   max-width: 58.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#navigationLayoutGrid > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 16.66666667%;
   max-width: 16.66666667%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
@media (max-width: 320px)
{
#navigationLayoutGrid > .col-1, #navigationLayoutGrid > .col-2, #navigationLayoutGrid > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: url('../images/wine106.png');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   padding: 50px 20px 50px 20px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#LayoutGrid1 > .row
{
   margin-right: -20px;
   margin-left: -20px;
}
#LayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 20px;
   padding-left: 20px;
   position: relative;
}
#LayoutGrid1 > .row > .col-1
{
   float: left;
}
#LayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   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: 480px)
{
#LayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100%;
}
}
#LayoutGrid1-overlay
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   border-radius: 0px;
   background-color: #000000;
   opacity: 0.78;
}
#upStickyLayer
{
   background-color: #69B0BF;
   background-image: none;
   border-radius: 0px;
   opacity: 0.77;
}
#wb_upIcon
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #3E3E3E;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 4px 4px 4px 4px;
   vertical-align: top;
}
#wb_upIcon a
{
   text-decoration: none;
}
#wb_upIcon a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#upIcon
{
   height: 24px;
   width: 24px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#upIcon i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 24px;
   line-height: 24px;
   vertical-align: middle;
}
#wb_upIcon:hover #upIcon i
{
   color: #F9F9F9;
}
#galleryFlexGrid
{
   display: grid;
   width: 100%;
   background-color: #212226;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 50px 0 0 0 ;
   padding: 75px 30px 75px 30px;
   font-size: 0;
   grid-column-gap: 30px;
   grid-row-gap: 30px;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-template-rows: auto auto;
   grid-template-areas:
      "item-0 item-1 image-3 image-3"
      "item-2 item-3 image-4 image-4";
}
#galleryFlexGrid .item-0
{
   display: flex;
   grid-area: item-0;
   background-color: transparent;
   background-image: url('../images/6.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#galleryFlexGrid .item-1
{
   display: flex;
   grid-area: item-1;
   background-color: transparent;
   background-image: url('../images/a88a6b79dbe168f2e88835690506cb85.jpg');
   background-repeat: repeat;
   background-position: center center;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#galleryFlexGrid .image-3
{
   display: flex;
   grid-area: image-3;
   background-color: transparent;
   background-image: url('../images/TEKER.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#galleryFlexGrid .item-2
{
   display: flex;
   grid-area: item-2;
   background-color: transparent;
   background-image: url('../images/IMG_20210712_150634.jpg');
   background-repeat: repeat;
   background-position: center center;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#galleryFlexGrid .item-3
{
   display: flex;
   grid-area: item-3;
   background-color: transparent;
   background-image: url('../images/5.jpg');
   background-repeat: repeat;
   background-position: center center;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#galleryFlexGrid .image-4
{
   display: flex;
   grid-area: image-4;
   background-color: #69B0BF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_dreamsLayoutGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: url('../images/perfume04.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#dreamsLayoutGrid
{
   box-sizing: border-box;
   padding: 0 10px 0 10px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#dreamsLayoutGrid > .row
{
   margin-right: -10px;
   margin-left: -10px;
}
#dreamsLayoutGrid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 10px;
   padding-left: 10px;
   position: relative;
}
#dreamsLayoutGrid > .row > .col-1
{
   float: left;
   height: 243px;
}
#dreamsLayoutGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#dreamsLayoutGrid:before,
#dreamsLayoutGrid:after,
#dreamsLayoutGrid .row:before,
#dreamsLayoutGrid .row:after
{
   display: table;
   content: " ";
}
#dreamsLayoutGrid:after,
#dreamsLayoutGrid .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#dreamsLayoutGrid > .row > .col-1
{
   float: none;
   width: 100% !important;
   height: auto;
}
}
#dreamsLayoutGrid-overlay
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   border-radius: 0px;
   background-color: #000000;
   opacity: 0.4;
}
#wb_Fren_Balata
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   position: relative;
}
#Fren_Balata
{
   display: flex;
   position: relative;
   padding: 80px 50px 80px 50px;
   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: 1140px;
   box-sizing: border-box;
   font-size: 0;
}
@media all and (max-width:480px) 
{
#Fren_Balata
{
   flex-direction: column;
   flex-wrap: nowrap;
}
}
#wb_LayoutGrid4
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid4
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid4 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid4 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid4 > .row > .col-1
{
   float: left;
}
#LayoutGrid4 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   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: 480px)
{
#LayoutGrid4 > .row > .col-1
{
   float: none;
   width: 100%;
}
}
#wb_productsLayoutGrid1
{
   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;
}
#productsLayoutGrid1
{
   box-sizing: border-box;
   padding: 75px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#productsLayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#productsLayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#productsLayoutGrid1 > .row > .col-1
{
   float: left;
}
#productsLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#productsLayoutGrid1 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#productsLayoutGrid1:before,
#productsLayoutGrid1:after,
#productsLayoutGrid1 .row:before,
#productsLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#productsLayoutGrid1:after,
#productsLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#productsLayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_featuredLayoutGrid
{
   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: 50px 0 0 0 ;
}
#featuredLayoutGrid
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#featuredLayoutGrid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#featuredLayoutGrid > .row > .col-1, #featuredLayoutGrid > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#featuredLayoutGrid > .row > .col-1, #featuredLayoutGrid > .row > .col-2
{
   float: left;
}
#featuredLayoutGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#featuredLayoutGrid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 50px 0 50px 0;
}
#featuredLayoutGrid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#featuredLayoutGrid > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 50px 0 50px 0;
}
#featuredLayoutGrid:before,
#featuredLayoutGrid:after,
#featuredLayoutGrid .row:before,
#featuredLayoutGrid .row:after
{
   display: table;
   content: " ";
}
#featuredLayoutGrid:after,
#featuredLayoutGrid .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#featuredLayoutGrid > .row > .col-1, #featuredLayoutGrid > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_trendingLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #69B0BF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#trendingLayoutGrid1
{
   box-sizing: border-box;
   padding: 75px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#trendingLayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#trendingLayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#trendingLayoutGrid1 > .row > .col-1
{
   float: left;
}
#trendingLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#trendingLayoutGrid1 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#trendingLayoutGrid1:before,
#trendingLayoutGrid1:after,
#trendingLayoutGrid1 .row:before,
#trendingLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#trendingLayoutGrid1:after,
#trendingLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#trendingLayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_instaLayoutGrid1
{
   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;
}
#instaLayoutGrid1
{
   box-sizing: border-box;
   padding: 75px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#instaLayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#instaLayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#instaLayoutGrid1 > .row > .col-1
{
   float: left;
}
#instaLayoutGrid1 > .row > .col-1
{
   background-color: #4F4F4F;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#instaLayoutGrid1 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#instaLayoutGrid1:before,
#instaLayoutGrid1:after,
#instaLayoutGrid1 .row:before,
#instaLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#instaLayoutGrid1:after,
#instaLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#instaLayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_instaLayoutGrid2
{
   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;
}
#instaLayoutGrid2
{
   box-sizing: border-box;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#instaLayoutGrid2 > .row
{
   margin-right: 0;
   margin-left: 0;
}
#instaLayoutGrid2 > .row > .col-1, #instaLayoutGrid2 > .row > .col-2, #instaLayoutGrid2 > .row > .col-3, #instaLayoutGrid2 > .row > .col-4, #instaLayoutGrid2 > .row > .col-5, #instaLayoutGrid2 > .row > .col-6
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#instaLayoutGrid2 > .row > .col-1, #instaLayoutGrid2 > .row > .col-2, #instaLayoutGrid2 > .row > .col-3, #instaLayoutGrid2 > .row > .col-4, #instaLayoutGrid2 > .row > .col-5, #instaLayoutGrid2 > .row > .col-6
{
   float: left;
}
#instaLayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: center;
}
#instaLayoutGrid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: left;
}
#instaLayoutGrid2 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: left;
}
#instaLayoutGrid2 > .row > .col-4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: left;
}
#instaLayoutGrid2 > .row > .col-5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: left;
}
#instaLayoutGrid2 > .row > .col-6
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: left;
}
#instaLayoutGrid2:before,
#instaLayoutGrid2:after,
#instaLayoutGrid2 .row:before,
#instaLayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#instaLayoutGrid2:after,
#instaLayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#instaLayoutGrid2 > .row > .col-1, #instaLayoutGrid2 > .row > .col-2, #instaLayoutGrid2 > .row > .col-3, #instaLayoutGrid2 > .row > .col-4, #instaLayoutGrid2 > .row > .col-5, #instaLayoutGrid2 > .row > .col-6
{
   float: none;
   width: 100% !important;
}
}
#wb_serviceLayoutGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #000000;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#serviceLayoutGrid
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#serviceLayoutGrid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#serviceLayoutGrid > .row > .col-1, #serviceLayoutGrid > .row > .col-2, #serviceLayoutGrid > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#serviceLayoutGrid > .row > .col-1, #serviceLayoutGrid > .row > .col-2, #serviceLayoutGrid > .row > .col-3
{
   float: left;
}
#serviceLayoutGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#serviceLayoutGrid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#serviceLayoutGrid > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#serviceLayoutGrid:before,
#serviceLayoutGrid:after,
#serviceLayoutGrid .row:before,
#serviceLayoutGrid .row:after
{
   display: table;
   content: " ";
}
#serviceLayoutGrid:after,
#serviceLayoutGrid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#serviceLayoutGrid > .row > .col-1, #serviceLayoutGrid > .row > .col-2, #serviceLayoutGrid > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#navigationMenu
{
   list-style: none;
   padding: 8px 15px 8px 15px;
   background-color: transparent;
   background-image: none;
   border: 0px solid #C0C0C0;
   border-radius: 4px;
   font-family: "Open Sans";
   font-weight: 700;
   font-style: normal;
   font-size: 0;
   margin: 0;
   text-align: center;
}
#navigationMenu > li
{
   display: inline-block;
   font-size: 16px;
   text-transform: uppercase;
}
#navigationMenu a
{
   color: #FFFFFF;
   text-decoration: none;
}
#navigationMenu a:hover
{
   color: #FFFFFF;
   text-decoration: underline;
}
#navigationMenu > .active
{
   color: #FFFFFF;
}
#navigationMenu > .active a
{
   color: inherit;
   pointer-events: none;
}
#navigationMenu > li + li:before
{
   content: "|";
   padding: 0 20px;
   color: #E1E1E1;
}
#wb_serviceCard1
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 10px 0 ;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 0px;
   text-align: center;
}
#serviceCard1-card-body
{
   padding: 30px 30px 30px 30px;
   flex: 1 1 auto;
   font-size: 0;
}
#serviceCard1-card-item0
{
   display: inline-block;
   height: 48px;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #69B0BF;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 48px;
}
#serviceCard1-card-item0 a
{
   color: inherit;
   display: block;
   padding: 0;
   text-decoration: none;
}
#serviceCard1-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 48px;
   width: 48px;
}
#serviceCard1-card-item1
{
   box-sizing: border-box;
   margin: 0 0 10px 0 ;
   padding: 0;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Open Sans";
   font-weight: 700;
   font-style: normal;
   font-size: 21px;
}
#serviceCard1-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#serviceCard1-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#serviceCard1-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#serviceCard1-card-item3
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#wb_serviceCard3
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 10px 0 ;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 0px;
   text-align: center;
}
#serviceCard3-card-body
{
   padding: 30px 30px 30px 30px;
   flex: 1 1 auto;
   font-size: 0;
}
#serviceCard3-card-item0
{
   display: inline-block;
   height: 48px;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #69B0BF;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 48px;
}
#serviceCard3-card-item0 a
{
   color: inherit;
   display: block;
   padding: 0;
   text-decoration: none;
}
#serviceCard3-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 48px;
   width: 48px;
}
#serviceCard3-card-item1
{
   box-sizing: border-box;
   margin: 0 0 10px 0 ;
   padding: 0;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Open Sans";
   font-weight: 700;
   font-style: normal;
   font-size: 21px;
}
#serviceCard3-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#serviceCard3-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#serviceCard3-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#serviceCard3-card-item3
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#wb_links
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #212226;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#links
{
   box-sizing: border-box;
   padding: 25px 15px 75px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#links > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#links > .row > .col-1, #links > .row > .col-2, #links > .row > .col-3, #links > .row > .col-4
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#links > .row > .col-1, #links > .row > .col-2, #links > .row > .col-3, #links > .row > .col-4
{
   float: left;
}
#links > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#links > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: left;
}
#links > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: left;
}
#links > .row > .col-4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#links:before,
#links:after,
#links .row:before,
#links .row:after
{
   display: table;
   content: " ";
}
#links:after,
#links .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#links > .row > .col-1, #links > .row > .col-2, #links > .row > .col-3, #links > .row > .col-4
{
   float: none;
   width: 100%;
}
}
#wb_linksText3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 8px 0;
   margin: 25px 0 0 0 ;
   text-align: left;
}
#wb_linksText3
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: 700;
   font-size: 17px;
}
#wb_linksText3 div
{
   text-align: left;
}
#wb_linksText3
{
   display: block;
   margin: 25px 0 0 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_linksMenu1
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: transparent;
   margin: 0;
   text-align: left;
   position: relative;
   z-index: 1111 !important;
}
#wb_linksMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
    font-size: 0;
   width: 100%;
}
#wb_linksMenu1 li
{
   display: inline-block;
   margin: 0;
   padding: 0px 0px 0px 0px;
   width: 100%;
}
#wb_linksMenu1 a
{
   display: block;
   color: #FFFFFF;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: "Open Sans";
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: left;
   vertical-align: middle;
}
#wb_linksMenu1 > ul > li > a
{
   width: 100%;
   box-sizing: border-box;
   height: 25px;
   padding: 0 0px 0px 0px;
   line-height: 25px;
}
#wb_linksMenu1 li:hover a, #wb_linksMenu1 a:hover
{
   color: #FFFFFF;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_linksMenu1 .firstmain a
{
   margin-top: 0px;
}
#wb_linksMenu1 li.lastmain
{
   padding-bottom: 0px;
}
#wb_linksMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#wb_linksText2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 8px 0;
   margin: 25px 0 0 0 ;
   text-align: left;
}
#wb_linksText2
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: 700;
   font-size: 17px;
}
#wb_linksText2 div
{
   text-align: left;
}
#wb_linksText2
{
   display: block;
   margin: 25px 0 0 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_linksMenu2
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: transparent;
   margin: 0;
   text-align: left;
   position: relative;
   z-index: 1111 !important;
}
#wb_linksMenu2 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
    font-size: 0;
   width: 100%;
}
#wb_linksMenu2 li
{
   display: inline-block;
   margin: 0;
   padding: 0px 0px 0px 0px;
   width: 100%;
}
#wb_linksMenu2 a
{
   display: block;
   color: #FFFFFF;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   font-family: "Open Sans";
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: left;
   vertical-align: middle;
}
#wb_linksMenu2 > ul > li > a
{
   width: 100%;
   box-sizing: border-box;
   height: 25px;
   padding: 0 0px 0px 0px;
   line-height: 25px;
}
#wb_linksMenu2 li:hover a, #wb_linksMenu2 a:hover
{
   color: #FFFFFF;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_linksMenu2 .firstmain a
{
   margin-top: 0px;
}
#wb_linksMenu2 li.lastmain
{
   padding-bottom: 0px;
}
#wb_linksMenu2 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#wb_footer
{
   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;
}
#footer
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 10px 0 10px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#footer > .col-1, #footer > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#footer > .col-1, #footer > .col-2
{
   flex: 0 0 auto;
}
#footer > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#footer > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
@media (max-width: 768px)
{
#footer > .col-1, #footer > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_dreamsText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 0 0 0;
   margin: 120px 0 20px 0 ;
   text-align: center;
}
#wb_dreamsText1
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: normal;
   font-size: 16px;
}
#wb_dreamsText1 div
{
   text-align: center;
}
#wb_dreamsText1
{
   display: block;
   margin: 120px 0 20px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_dreamsText2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 0 0 0;
   margin: 0 0 20px 0 ;
   text-align: center;
}
#wb_dreamsText2
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: 700;
   font-size: 37px;
}
#wb_dreamsText2 div
{
   text-align: center;
}
#wb_dreamsText2
{
   display: block;
   margin: 0 0 20px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_serviceCard4
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 10px 0 ;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 0px;
   text-align: center;
}
#serviceCard4-card-body
{
   padding: 30px 30px 30px 30px;
   flex: 1 1 auto;
   font-size: 0;
}
#serviceCard4-card-item0
{
   display: inline-block;
   height: 48px;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #69B0BF;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 48px;
}
#serviceCard4-card-item0 a
{
   color: inherit;
   display: block;
   padding: 0;
   text-decoration: none;
}
#serviceCard4-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 48px;
   width: 48px;
}
#serviceCard4-card-item1
{
   box-sizing: border-box;
   margin: 0 0 10px 0 ;
   padding: 0;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Open Sans";
   font-weight: 700;
   font-style: normal;
   font-size: 21px;
}
#serviceCard4-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#serviceCard4-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#serviceCard4-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#serviceCard4-card-item3
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#wb_linksText5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 20px 0;
   margin: 0;
   text-align: left;
}
#wb_linksText5
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: 400;
   font-size: 13px;
   line-height: 19.5px;
}
#wb_linksText5 p, #wb_linksText5 ul
{
   margin: 0;
   padding: 0;
}
#wb_linksText5
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#contactEmail
{
   box-sizing: border-box;
   line-height: 16px;
   margin: 0 0 15px 0 ;
   border: 1px solid #C0C0C0;
   border-radius: 0px;
   background-color: #FFFFFF;
   background-image: none;
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   padding: 10px 10px 10px 10px;
}
#contactEmail:focus
{
   border-color: #FFFFFF;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(255,255,255,0.60);
   outline: 0;
}
#contactEmail::placeholder
{
   color: #A9A9A9;
   opacity: 1;
}
#contactEmail::-ms-input-placeholder
{
   color: #A9A9A9;
}
#contactButton
{
   box-sizing: border-box;
   line-height: 27px;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #69B0BF;
   border-radius: 0px;
   background-color: #69B0BF;
   background-image: none;
   color: #062A3F;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   padding: 1px 1px 6px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#contactButton:focus
{
   outline: 0;
}
#wb_contactIcon1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #EDE9E1;
   border-radius: 50%;
   text-align: center;
   margin: 0 5px 0 0 ;
   padding: 2px 2px 2px 2px;
   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: "";
}
#wb_contactIcon1:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #645E59;
}
#contactIcon1
{
   height: 27px;
   width: 27px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#contactIcon1 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 27px;
   line-height: 27px;
   vertical-align: middle;
}
#wb_contactIcon1:hover #contactIcon1 i
{
   color: #FFFFFF;
}
#wb_contactIcon2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #EDE9E1;
   border-radius: 50%;
   text-align: center;
   margin: 0 5px 0 0 ;
   padding: 2px 2px 2px 2px;
   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: "";
}
#wb_contactIcon2:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #645E59;
}
#contactIcon2
{
   height: 27px;
   width: 27px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#contactIcon2 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 27px;
   line-height: 27px;
   vertical-align: middle;
}
#wb_contactIcon2:hover #contactIcon2 i
{
   color: #FFFFFF;
}
#wb_contactIcon3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #EDE9E1;
   border-radius: 50%;
   text-align: center;
   margin: 0 5px 0 0 ;
   padding: 2px 2px 2px 2px;
   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: "";
}
#wb_contactIcon3:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #645E59;
}
#contactIcon3
{
   height: 27px;
   width: 27px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#contactIcon3 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 27px;
   line-height: 27px;
   vertical-align: middle;
}
#wb_contactIcon3:hover #contactIcon3 i
{
   color: #FFFFFF;
}
#wb_linksText4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 8px 0;
   margin: 25px 0 0 0 ;
   text-align: left;
}
#wb_linksText4
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: 700;
   font-size: 17px;
}
#wb_linksText4 div
{
   text-align: left;
}
#wb_linksText4
{
   display: block;
   margin: 25px 0 0 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_contactAddress 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 20px 0;
   margin: 0;
   text-align: left;
}
#wb_contactAddress
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: 400;
   font-size: 13px;
   line-height: 19.5px;
}
#wb_contactAddress p, #wb_contactAddress ul
{
   margin: 0;
   padding: 0;
}
#wb_contactAddress
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_linksText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 8px 0;
   margin: 25px 0 0 0 ;
   text-align: left;
}
#wb_linksText1
{
   color: #69B0BF;
   font-family: "Open Sans";
   font-weight: 700;
   font-size: 21px;
}
#wb_linksText1 div
{
   text-align: left;
}
#wb_linksText1
{
   display: block;
   margin: 25px 0 0 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_productsText 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 10px 0 10px 0;
   margin: 0;
   text-align: center;
}
#wb_productsText
{
   color: #A9A9A9;
   font-family: "Open Sans";
   font-weight: normal;
   font-size: 13px;
}
#wb_productsText div
{
   text-align: center;
}
#wb_productsText
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_trendingText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 10px 0 0 0;
   margin: 0 0 10px 0 ;
   text-align: center;
}
#wb_trendingText1
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: normal;
   font-size: 19px;
}
#wb_trendingText1 div
{
   text-align: center;
}
#wb_trendingText1
{
   display: block;
   margin: 0 0 10px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_navigationHeading
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: left;
}
#navigationHeading
{
   color: #212226;
   font-family: "Open Sans";
   font-weight: 800;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: left;
   text-transform: none;
   -webkit-text-stroke: 1px #69B0BF;
   text-stroke: 1px #69B0BF;
}
#wb_productsHeading
{
   background-color: #4F4F4F;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#productsHeading
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_trendingHeading1
{
   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;
}
#trendingHeading1
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: 700;
   font-style: normal;
   font-size: 29px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_navigationIcon2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0 10px 0 0 ;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#navigationIcon2
{
   height: 28px;
   width: 28px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#navigationIcon2 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 28px;
   vertical-align: middle;
}
#wb_navigationIcon2:hover #navigationIcon2 i
{
   color: #FFFFFF;
}
#wb_instaImage1
{
   margin: 0;
   vertical-align: top;
}
#instaImage1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1024px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_instaImage2
{
   margin: 0;
   vertical-align: top;
}
#instaImage2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1024px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_instaImage3
{
   margin: 0;
   vertical-align: top;
}
#instaImage3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1024px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_instaImage4
{
   margin: 0;
   vertical-align: top;
}
#instaImage4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1024px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_instaImage5
{
   margin: 0;
   vertical-align: top;
}
#instaImage5
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1024px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_instaImage6
{
   margin: 0;
   vertical-align: top;
}
#instaImage6
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1024px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_instaHeading
{
   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;
}
#instaHeading
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: 700;
   font-style: normal;
   font-size: 29px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_galleryImage1
{
   margin: 0;
   vertical-align: top;
}
#galleryImage1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1365px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_galleryCard2
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 10px 0 ;
   background-color: #69B0BF;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 0px;
   text-align: left;
}
#galleryCard2-card-body
{
   padding: 30px 30px 30px 30px;
   flex: 1 1 auto;
   font-size: 0;
}
#galleryCard2-card-item0
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
}
#galleryCard2-card-item1
{
   display: inline-block;
   height: 32px;
   box-sizing: border-box;
   margin: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: #000000;
   background-image: none;
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#galleryCard2-card-item1 a
{
   color: inherit;
   display: block;
   padding: 8px 16px 8px 16px;
   text-decoration: none;
}
#wb_galleryImage2
{
   margin: 0;
   vertical-align: top;
}
#galleryImage2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1365px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_galleryCard1
{
   position: relative;
   display: flex;
   flex-direction: column;
   opacity: 0.00;
   box-sizing: border-box;
   margin: 0 0 10px 0 ;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 0px;
   text-align: left;
}
#galleryCard1-card-body
{
   padding: 30px 30px 30px 30px;
   flex: 1 1 auto;
   font-size: 0;
}
#galleryCard1-card-item0
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 35px;
}
#galleryCard1-card-item1
{
   display: inline-block;
   height: 32px;
   box-sizing: border-box;
   margin: 0;
   padding: 8px 16px 8px 16px;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: #69B0BF;
   background-image: none;
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#featuredRollOverText1 .description
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: normal;
   font-size: 21px;
   font-style: normal;
   margin: 0;
   padding: 25px 0 0 0;
   text-align: center;
}
#featuredRollOverText1 .link
{
   display: inline-block;
   font-family: Arial;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   color: #FFFFFF;
   border: 2px solid #FFFFFF;
   border-radius: 0px;
   margin: 25px 0 0 0 ;
   padding: 10px 30px 10px 30px;
   text-decoration: none;
}
#featuredRollOverText1 .title
{
   text-align: center;
   padding: 0;
   font-family: "Open Sans";
   font-weight: bold;
   font-size: 37px;
   font-style: normal;
   color: #FFFFFF;
}
#featuredRollOverText1 .caption
{
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   padding: 10px 10px 10px 10px;
   text-align: center;
   background-color: rgba(0,0,0,0.49);
   width: 100%;
   height: 100%;
   opacity: 1.00;
}
#featuredRollOverText1 .caption
{
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height: 100%;
   align-items: center;
}
#featuredRollOverText1 .image
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#featuredRollOverText1
{
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   margin: 0;
}
#featuredRollOverText2 .description
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: normal;
   font-size: 21px;
   font-style: normal;
   margin: 0;
   padding: 25px 0 0 0;
   text-align: center;
}
#featuredRollOverText2 .link
{
   display: inline-block;
   font-family: Arial;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   color: #FFFFFF;
   border: 2px solid #FFFFFF;
   border-radius: 0px;
   margin: 25px 0 0 0 ;
   padding: 10px 30px 10px 30px;
   text-decoration: none;
}
#featuredRollOverText2 .title
{
   text-align: center;
   padding: 0;
   font-family: "Open Sans";
   font-weight: bold;
   font-size: 37px;
   font-style: normal;
   color: #FFFFFF;
}
#featuredRollOverText2 .caption
{
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   padding: 10px 10px 10px 10px;
   text-align: center;
   background-color: rgba(0,0,0,0.49);
   width: 100%;
   height: 100%;
   opacity: 1.00;
}
#featuredRollOverText2 .caption
{
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height: 100%;
   align-items: center;
}
#featuredRollOverText2 .image
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#featuredRollOverText2
{
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   margin: 0;
}
#featuredBadge1
{
   position: absolute;
   left: -8px;
   top: 16px;
   margin: 0;
   z-index: 3;
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   white-space: nowrap;
   background-color: #69B0BF;
   width: 92px;
   height: 32px;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
}
#featuredBadge1-text
{
}
#featuredBadge1:before, #featuredBadge1:after
{
   content: "";
   position: absolute;
}
#featuredBadge1:before
{
   height: 0;
   width: 0;
   bottom: -8.5px;
   left: 0;
   border-top: 9px solid rgba(79,132,143,1.00);
   border-left: 9px solid transparent;
}
#featuredBadge1:after
{
   height: 0;
   width: 0;
   top: 0;
   right: -9px;   border-top: 16px solid rgba(105,176,191,1.00);
   border-bottom: 16px solid rgba(105,176,191,1.00);
   border-right: 9px solid transparent;
;
}
#featuredBadge2
{
   position: absolute;
   left: -8px;
   top: 16px;
   margin: 0;
   z-index: 3;
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   white-space: nowrap;
   background-color: #69B0BF;
   width: 92px;
   height: 32px;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
}
#featuredBadge2-text
{
}
#featuredBadge2:before, #featuredBadge2:after
{
   content: "";
   position: absolute;
}
#featuredBadge2:before
{
   height: 0;
   width: 0;
   bottom: -8.5px;
   left: 0;
   border-top: 9px solid rgba(79,132,143,1.00);
   border-left: 9px solid transparent;
}
#featuredBadge2:after
{
   height: 0;
   width: 0;
   top: 0;
   right: -9px;   border-top: 16px solid rgba(105,176,191,1.00);
   border-bottom: 16px solid rgba(105,176,191,1.00);
   border-right: 9px solid transparent;
;
}
#wb_Card9
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 0 10px 0 10px;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 0px;
   text-align: center;
}
#Card9-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card9-card-item0
{
   box-sizing: border-box;
   margin: 0 0 -50px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 50%;
   width: 100%;
   height: auto;
}
#Card9-card-item1
{
   display: inline-block;
   height: 35px;
   box-sizing: border-box;
   margin: 0 30px 0 30px;
   width: calc(100% - 60px);
   padding: 15px 0 4px 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: #000000;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   text-align: center;
}
#Card9-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#Card9-card-item2
{
   box-sizing: border-box;
   margin: 0 30px 0 30px;
   border-top: 1px #000000 solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card9-card-item3
{
   display: inline-block;
   height: 37px;
   box-sizing: border-box;
   margin: -1px 30px 20px 30px;
   width: calc(100% - 60px);
   padding: 4px 0 20px 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: #000000;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   text-align: center;
}
#Card9-card-item3 a
{
   color: inherit;
   text-decoration: none;
}
#wb_Card10
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 0 10px 0 10px;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 0px;
   text-align: center;
}
#Card10-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card10-card-item0
{
   box-sizing: border-box;
   margin: 0 0 -50px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 50%;
   width: 100%;
   height: auto;
}
#Card10-card-item1
{
   display: inline-block;
   height: 35px;
   box-sizing: border-box;
   margin: 0 30px 0 30px;
   width: calc(100% - 60px);
   padding: 15px 0 4px 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: #000000;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   text-align: center;
}
#Card10-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#Card10-card-item2
{
   box-sizing: border-box;
   margin: 0 30px 0 30px;
   border-top: 1px #000000 solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card10-card-item3
{
   display: inline-block;
   height: 37px;
   box-sizing: border-box;
   margin: -1px 30px 20px 30px;
   width: calc(100% - 60px);
   padding: 4px 0 20px 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: #000000;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   text-align: center;
}
#Card10-card-item3 a
{
   color: inherit;
   text-decoration: none;
}
#wb_Card11
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 0 10px 0 10px;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEDEDE;
   border-radius: 0px;
   text-align: center;
}
#Card11-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card11-card-item0
{
   box-sizing: border-box;
   margin: 0 0 -50px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 400px;
   width: 100%;
   height: auto;
}
#Card11-card-item1
{
   display: inline-block;
   height: 35px;
   box-sizing: border-box;
   margin: 0 30px 0 30px;
   width: calc(100% - 60px);
   padding: 15px 0 4px 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: #000000;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   text-align: center;
}
#Card11-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#Card11-card-item2
{
   box-sizing: border-box;
   margin: 0 30px 0 30px;
   border-top: 1px #000000 solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card11-card-item3
{
   display: inline-block;
   height: 37px;
   box-sizing: border-box;
   margin: -1px 30px 20px 30px;
   width: calc(100% - 60px);
   padding: 4px 0 20px 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: #000000;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   text-align: center;
}
#Card11-card-item3 a
{
   color: inherit;
   text-decoration: none;
}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
/* MOBİL UYUMLU CSS KODU - Mevcut sitenize ekleyin */

/* 1. Önce HTML başlığına viewport meta tag'i ekleyin (HTML dosyasına) */
/*
<meta name="viewport" content="width=device-width, initial-scale=1.0">
*/

/* 2. Temel responsive ayarları */
* {
    box-sizing: border-box;
}

body {
    overflow-x: hidden; /* Yatay kaydırma çubuğunu engelle */
}

img {
    max-width: 100%;
    height: auto;
}

/* 3. Tablet için (768px ve altı) */
@media screen and (max-width: 768px) {
    
    /* Genel container ayarları */
    .container, 
    .content, 
    .main-content,
    .wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        margin: 0 auto !important;
    }
    
    /* Header/Navigation */
    header,
    .header,
    nav,
    .navigation {
        width: 100% !important;
        padding: 10px 15px !important;
    }
    
    /* Menü öğeleri */
    .menu,
    .nav-menu,
    ul.menu {
        flex-direction: column !important;
        width: 100% !important;
    }
    
    .menu li,
    .nav-menu li {
        width: 100% !important;
        margin: 5px 0 !important;
        text-align: center !important;
    }
    
    /* Ana içerik alanları */
    .sidebar,
    .content-sidebar {
        width: 100% !important;
        margin-top: 20px !important;
        float: none !important;
    }
    
    .main-content,
    .content-main {
        width: 100% !important;
        float: none !important;
    }
    
    /* Grid sistemler */
    .row,
    .grid {
        flex-direction: column !important;
        display: block !important;
    }
    
    .col,
    .column,
    .grid-item {
        width: 100% !important;
        float: none !important;
        margin-bottom: 20px !important;
    }
    
    /* Yazı boyutları */
    h1 { font-size: 28px !important; }
    h2 { font-size: 24px !important; }
    h3 { font-size: 20px !important; }
    h4 { font-size: 18px !important; }
    h5 { font-size: 16px !important; }
    h6 { font-size: 14px !important; }
    
    p, div, span {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
    
    /* Butonlar */
    button,
    .button,
    .btn,
    input[type="submit"] {
        width: 100% !important;
        padding: 15px !important;
        margin: 10px 0 !important;
        font-size: 16px !important;
    }
    
    /* Formlar */
    input,
    textarea,
    select {
        width: 100% !important;
        padding: 12px !important;
        margin: 5px 0 !important;
        font-size: 16px !important;
    }
    
    /* Tablolar */
    table {
        width: 100% !important;
        font-size: 14px !important;
    }
    
    table, thead, tbody, th, td, tr {
        display: block !important;
    }
    
    th, td {
        padding: 10px !important;
        text-align: left !important;
    }
}

/* 4. Mobil telefon için (480px ve altı) */
@media screen and (max-width: 480px) {
    
    body {
        font-size: 14px !important;
    }
    
    /* Daha küçük yazı boyutları */
    h1 { font-size: 24px !important; }
    h2 { font-size: 20px !important; }
    h3 { font-size: 18px !important; }
    h4 { font-size: 16px !important; }
    
    /* Padding'leri küçült */
    .container,
    .content,
    .wrapper {
        padding: 0 10px !important;
    }
    
    /* Header daha kompakt */
    header,
    .header {
        padding: 8px 10px !important;
    }
    
    /* Butonları küçült */
    button,
    .button,
    .btn {
        padding: 12px !important;
        font-size: 14px !important;
    }
    
    /* Form elemanları */
    input,
    textarea,
    select {
        padding: 10px !important;
        font-size: 14px !important;
    }
}

/* 5. Çok küçük ekranlar için (320px ve altı) */
@media screen and (max-width: 320px) {
    
    .container,
    .content,
    .wrapper {
        padding: 0 8px !important;
    }
    
    h1 { font-size: 20px !important; }
    h2 { font-size: 18px !important; }
    h3 { font-size: 16px !important; }
    
    button,
    .button,
    .btn {
        padding: 10px !important;
        font-size: 13px !important;
    }
}

/* 6. Dokunmatik cihazlar için ek ayarlar */
@media (hover: none) and (pointer: coarse) {
    
    /* Dokunma alanlarını büyüt */
    a, button, input, select, textarea {
        min-height: 44px !important;
        min-width: 44px !important;
    }
    
    /* Hover efektlerini kaldır */
    *:hover {
        background-color: inherit !important;
        color: inherit !important;
    }
}

/* 7. Yaygın problemleri çözen ek kodlar */

/* Fixed pozisyonlu elementler */
.fixed,
.sticky {
    position: relative !important;
}

/* Float'ları temizle */
@media screen and (max-width: 768px) {
    .float-left,
    .float-right {
        float: none !important;
    }
}

/* Gizli overflow problemlerini çöz */
.hidden-overflow {
    overflow-x: auto !important;
}

/* Büyük margin/padding'leri küçült */
@media screen and (max-width: 768px) {
    .large-margin,
    .big-padding {
        margin: 10px !important;
        padding: 10px !important;
    }
}
#wb_welcome-carousel
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#wb_welcome-carousel
{
   box-sizing: border-box;
   width: 100%;
   height: 438px;
}
#welcome-carousel
{
   position: relative;
   margin: 0;
;
   height: 100%;
   box-sizing: border-box;
}
#welcome-carousel .carousel-inner
{
   overflow: hidden;
   width: 100%;
   height: 100%;
   position: relative;
   perspective: 1200px;
}
.carousel.pointer-event
{
   -ms-touch-action: pan-y;
   touch-action: pan-y;
}
#welcome-carousel .carousel-inner::after
{
   display: block;
   clear: both;
   content: "";
}
#welcome-carousel .carousel-inner > .carousel-item
{
   display: none;
   position: relative;
   float: left;
   width: 100%;
   margin-right: -100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   transform: translate3d(0, 0, 0);
   transform-style: preserve-3d;
   transition: opacity 500ms ease-in-out;
   height: 100%;
   text-align: left;
}
#welcome-carousel .carousel-item-inner
{
   padding: 0 25px 0 25px;
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   justify-content: center;
   height: 100%;
   box-sizing: border-box;
}
#welcome-carousel .carousel-inner > .carousel-item > img, #welcome-carousel .carousel-inner > .carousel-item > a > img
{
   display: block;
   line-height: 1;
}
#welcome-carousel .carousel-inner > .active, #welcome-carousel .carousel-inner > .carousel-item-next, #welcome-carousel .carousel-inner > .carousel-item-prev
{
   display: block;
}
#welcome-carousel .carousel-inner > .active
{
   animation: welcome-carousel-animation-show 500ms ease 0ms both;
}
#welcome-carousel .carousel-inner > .carousel-item-next, #welcome-carousel .carousel-inner > .carousel-item-prev
{
   position: absolute;
   top: 0;
   width: 100%;
}
#welcome-carousel .carousel-inner > .carousel-item-next.carousel-item-start, #welcome-carousel .carousel-inner > .carousel-item-prev.carousel-item-end
{
   animation: welcome-carousel-animation-show 500ms ease 0ms both;
}
#welcome-carousel .carousel-inner > .active.carousel-item-start, #welcome-carousel .carousel-inner > .active.carousel-item-end
{
   animation: welcome-carousel-animation-hide 500ms ease both;
}
#welcome-carousel .carousel-indicators
{
   list-style: none;
   bottom: 0;
   padding: 0;
   margin: 0;
   position: absolute;
   margin-left: -80px;
   left: 50%;
   vertical-align: middle;
   z-index: 999;
}
#welcome-carousel .carousel-indicators li
{
   display: block;
   float: left;
   margin: 6px 6px 6px 6px;
   width: 19px;
   height: 3px;
   cursor: pointer;
   text-indent: -999px;
   background-color: rgba(255,255,255,1.00);
   background-clip: padding-box;
   box-sizing: content-box;
   border-bottom: 17px solid transparent;
}
#welcome-carousel .carousel-indicators .active
{
   background-color: rgba(198,16,46,1.00);
}
#welcome-carousel .frame
{
   width: 1100px;
   display: inline-block;
   float: left;
   height: 438px;
}
#welcome-carousel .frame-1
{
   background-color: transparent;
   background-image: url('../images/IMG_20210712_150634.jpg');
   background-repeat: no-repeat;
   background-position: right center;
   background-size: cover;
}
#welcome-carousel .frame-2
{
   background-color: transparent;
   background-image: url('../WhatsApp Image 2024-12-18 at 10.49.28.jpeg');
   background-repeat: no-repeat;
   background-position: right center;
   background-size: cover;
}
#welcome-carousel .frame-3
{
   background-color: transparent;
   background-image: url('../WhatsApp Image 2024-12-18 at 10.49.27.jpeg');
   background-repeat: no-repeat;
   background-position: right center;
   background-size: cover;
}
#welcome-carousel .frame-4
{
   background-color: transparent;
   background-image: url('../images/IMG_20210712_150819.jpg');
   background-repeat: no-repeat;
   background-position: right center;
   background-size: cover;
}
#welcome-carousel .frame-5
{
   background-color: transparent;
   background-image: url('../images/11111.jpg');
   background-repeat: no-repeat;
   background-position: right center;
   background-size: cover;
}
@keyframes welcome-carousel-animation-show
{
   0%   { transform: translateX(100%); }
   100% { transform: translateX(0); }
}
@keyframes welcome-carousel-animation-hide
{
   0%   { transform: translateX(0); }
   100% { transform: translateX(-100%); }
}
#wb_LayoutGrid17
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 50vh;
   background-color: #000000;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid17
{
   box-sizing: border-box;
   height: 50vh;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 30px 0 30px 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid17 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid17 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid17 > .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: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid17 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
.darktheme #wb_Fren_Balata,
.darktheme #wb_LayoutGrid17
{
   filter: invert(100%);
}
@media (max-width: 768px) {
    .seo-content {
        padding: 20px 10px !important;
    }
    .seo-content h2 {
        font-size: 1.6rem !important;
    }
    .seo-content h3 {
        font-size: 1.2rem !important;
    }
    .seo-content p {
        font-size: 0.95rem !important;
    }
    .seo-content > div > div {
        flex-direction: column !important;
    }
    .seo-content ul {
        font-size: 13px !important;
    }
}

@media (max-width: 480px) {
    .seo-content h2 {
        font-size: 1.4rem !important;
    }
    .seo-content > div > div > div {
        min-width: 280px !important;
    }
}
<style id='wacu-inline-css'>
        .wacu-color {
            color: #ffffff;
        }
        .wacu-bg-color {
            background-color: #4fce5d;
        }
        .wacu-widget-trigger,
        .wacu-popup__header,
        .wacu-sub-popup__header,
        .wacu-schedule-call input[type="submit"],
        .wacu-email-us input[type="submit"] {
            color: #ffffff;
            background-color: #4fce5d;
        }
        .wacu-trigger {
            width: 60px;
            height: 60px;
        }
        .wacu-trigger svg {
            width: 24px;
            height: 24px;
        }
        .wacu-br .wacu-popup:after,
        .wacu-br .wacu-sub-popup:after,
        .wacu-br .wacu-smart-popup:after {
            right: calc( 50px / 2.2 );
        }
        .wacu-bl .wacu-popup:after,
        .wacu-bl .wacu-sub-popup:after,
        .wacu-bl .wacu-smart-popup:after {
            left: calc( 50px / 2.2 );
        }
        .wacu-widget.wacu-bl {
            left: 20px;
            bottom: 70px;
        }
        .wacu-trigger--ripple::after,
        .wacu-trigger--ripple::before {
            border: 6px solid rgba( 79, 206, 93, 0.4 );
        }
        @media ( max-width: 426px ) {
            .wacu-popup__header-cta,
            .wacu-sub-popup__header-cta {
                background-color: #4fce5d;
            }
        }

        /* AI Asistan Eklentileri */
        .ai-chat-section {
            border-top: 2px solid #f0f0f0;
            margin-top: 15px;
            padding-top: 15px;
        }

        .ai-chat-header {
            background: linear-gradient(135deg, #667eea, #764ba2);
            color: white;
            padding: 10px 15px;
            border-radius: 10px 10px 0 0;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
        }

        .ai-chat-body {
            background: #f8f9fa;
            max-height: 200px;
            overflow-y: auto;
            border-radius: 0 0 10px 10px;
            border: 1px solid #e0e0e0;
        }

        .ai-message {
            margin: 10px;
            display: flex;
            align-items: flex-start;
            gap: 8px;
        }

        .ai-message.user {
            flex-direction: row-reverse;
        }

        .ai-avatar {
            width: 25px;
            height: 25px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            flex-shrink: 0;
        }

        .bot-avatar {
            background: linear-gradient(135deg, #4fce5d, #45b649);
            color: white;
        }

        .user-avatar {
            background: linear-gradient(135deg, #667eea, #764ba2);
            color: white;
        }

        .ai-bubble {
            background: white;
            padding: 8px 12px;
            border-radius: 15px;
            font-size: 12px;
            max-width: 180px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            line-height: 1.4;
        }

        .user-bubble {
            background: linear-gradient(135deg, #667eea, #764ba2);
            color: white;
        }

        .ai-input-container {
            display: flex;
            padding: 10px;
            background: white;
            border-radius: 0 0 10px 10px;
            gap: 8px;
        }

        .ai-input {
            flex: 1;
            padding: 8px 12px;
            border: 1px solid #ddd;
            border-radius: 20px;
            font-size: 12px;
            outline: none;
        }

        .ai-input:focus {
            border-color: #4fce5d;
        }

        .ai-send-btn {
            width: 35px;
            height: 35px;
            border: none;
            background: linear-gradient(135deg, #4fce5d, #45b649);
            border-radius: 50%;
            color: white;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .ai-send-btn:hover {
            transform: scale(1.05);
        }

        .quick-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
            padding: 10px;
            background: #f8f9fa;
        }

        .quick-btn {
            background: #e9ecef;
            border: none;
            padding: 5px 8px;
            border-radius: 10px;
            font-size: 10px;
            cursor: pointer;
            color: #666;
            transition: all 0.2s;
        }

        .quick-btn:hover {
            background: #4fce5d;
            color: white;
        }

        .typing-indicator {
            display: none;
            align-items: center;
            gap: 5px;
            padding: 10px 15px;
        }

        .typing-dot {
            width: 4px;
            height: 4px;
            background: #4fce5d;
            border-radius: 50%;
            animation: typing 1.4s infinite;
        }

        .typing-dot:nth-child(2) { animation-delay: 0.2s; }
        .typing-dot:nth-child(3) { animation-delay: 0.4s; }

        @keyframes typing {
            0%, 60%, 100% { transform: translateY(0); }
            30% { transform: translateY(-5px); }
        }

        .ai-welcome {
            padding: 20px;
            text-align: center;
            color: #666;
            font-size: 12px;
        }

        .ai-welcome-icon {
            font-size: 30px;
            margin-bottom: 8px;
        }

        /* WhatsApp widget pozisyon ayarı */
        .wacu-widget.wacu-br {
            right: 20px;
            bottom: 70px;
        }

        /* Responsive */
        .wacu-popup {
            background: rgba(255, 255, 255, 0.95) !important;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        .wacu-popup__body {
            background: rgba(248, 249, 250, 0.9) !important;
        }
        
        .ai-chat-body {
            background: rgba(248, 249, 250, 0.9);
            border: 1px solid rgba(224, 224, 224, 0.3);
        }
        
        .ai-bubble {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(5px);
        }
        
        .ai-input-container {
            background: rgba(255, 255, 255, 0.9);
        }
        
        .quick-buttons {
            background: rgba(248, 249, 250, 0.9);
        }
            .wacu-popup {
                width: 300px !important;
            }
            .ai-bubble {
                max-width: 150px;
            }
            .wacu-social-contact__icon svg {
                width: 14px !important;
                height: 14px !important;
            }
            .wacu-trigger {
                width: 45px;
                height: 45px;
            }
            .wacu-trigger svg {
                width: 18px;
                height: 18px;
            }
        }
        
        /* Logo ve ikon boyutlarını daha da küçült */
        .wacu-social-contact__icon {
            width: 30px !important;
            height: 30px !important;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        
        .wacu-social-contact__icon svg {
            width: 16px !important;
            height: 16px !important;
        }
        
        .wacu-trigger {
            width: 50px;
            height: 50px;
        }
        
        .wacu-trigger svg {
            width: 20px;
            height: 20px;
        }
        
        .ai-avatar {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            flex-shrink: 0;
        }
        
        .ai-welcome-icon {
            font-size: 20px;
            margin-bottom: 8px;
        }
        
        .ai-send-btn {
            width: 28px;
            height: 28px;
            border: none;
            background: linear-gradient(135deg, #4fce5d, #45b649);
            border-radius: 50%;
            color: white;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .ai-send-btn svg {
            width: 12px;
            height: 12px;
        }
            /* Ana container */
        .promo-container {
            position: fixed;
            bottom: 20px;
            right: -100%;
            background: linear-gradient(135deg, #ff6b35, #f7931e);
            color: white;
            padding: 15px 25px;
            border-radius: 25px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
            font-family: 'Arial', sans-serif;
            font-weight: bold;
            font-size: 16px;
            z-index: 1000;
            max-width: 350px;
            animation: slideInOut 8s infinite;
            cursor: pointer;
            transition: transform 0.3s ease;
        }

        .promo-container:hover {
            transform: scale(1.05);
        }

        /* Ana animasyon */
        @keyframes slideInOut {
            0% {
                right: -100%;
                opacity: 0;
            }
            10% {
                right: 20px;
                opacity: 1;
            }
            85% {
                right: 20px;
                opacity: 1;
            }
            100% {
                right: -100%;
                opacity: 0;
            }
        }

        /* Yazı animasyonu */
        .promo-text {
            animation: textFlow 8s infinite;
            white-space: nowrap;
            overflow: hidden;
        }

        @keyframes textFlow {
            0%, 16.6% {
                opacity: 1;
            }
            20%, 96.6% {
                opacity: 1;
            }
            100% {
                opacity: 1;
            }
        }

        /* İkon */
        .promo-icon {
            display: inline-block;
            margin-right: 10px;
            font-size: 20px;
            animation: bounce 2s infinite;
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-5px);
            }
            60% {
                transform: translateY(-3px);
            }
        }

        /* Kapatma butonu */
        .close-btn {
            position: absolute;
            top: -5px;
            right: 5px;
            background: rgba(255, 255, 255, 0.3);
            border: none;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            color: white;
            cursor: pointer;
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .close-btn:hover {
            background: rgba(255, 255, 255, 0.5);
        }

        /* Responsive tasarım */
        @media (max-width: 768px) {
            .promo-container {
                max-width: 280px;
                font-size: 14px;
                padding: 12px 20px;
            }
        }

        /* Gizli durumu */
        .hidden {
            display: none !important;
        }
        /* Sayfanın uzun olmasını sağlayarak kaydırma çubuğunu aktif hale getirelim (test için) */
    body {
        height: 2000px; 
        font-family: Arial, sans-serif;
    }

    /* Pano Konteynerinin Stili */
    .sliding-panel {
        /* Konumlandırma */
        position: fixed;
        top: 50%; /* Dikeyde tam ortada durması için */
        left: 50%; /* Yatayda ortalamak için */
        
        /* Başlangıçta ekranın solunda, tamamen gizli ve dikeyde ortalı */
        transform: translate(-200%, -50%); 
        opacity: 0; /* Başlangıçta tamamen şeffaf */
        
        z-index: 1000;
        visibility: hidden; /* Tamamen gizli ve etkileşime kapalı */

        /* Görünüm */
        width: 90%;
        max-width: 500px; /* Orta boyutta olması için maksimum genişlik */
        background-color: #ffffff;
        border-radius: 10px;
        padding: 25px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
        text-align: center;

        /* Animasyon */
        transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s ease-out, visibility 0.7s;
    }

    /* Pano görünür olduğunda uygulanacak stil */
    .sliding-panel.visible {
        /* Ekranın tam ortasındaki son konumuna gelir */
        transform: translate(-50%, -50%);
        opacity: 1; /* Görünür hale gelir */
        visibility: visible; /* Görünür ve etkileşime açık */
    }

    /* --- İçerik stilleri öncekiyle aynı --- */

    /* Pano İçindeki Resim */
    .sliding-panel img {
        max-width: 100%;
        height: auto;
        border-radius: 8px;
        margin-bottom: 15px;
    }

    /* Pano Başlığı */
    .sliding-panel h2 {
        margin: 0 0 10px 0;
        font-size: 24px;
        color: #333;
    }

    /* Pano Açıklama Metni */
    .sliding-panel p {
        margin: 0 0 20px 0;
        font-size: 16px;
        color: #666;
        line-height: 1.5;
    }

    /* Kapatma Butonu (X) */
    .sliding-panel .close-btn {
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 30px;
        font-weight: bold;
        color: #aaa;
        cursor: pointer;
        transition: color 0.3s;
    }

    .sliding-panel .close-btn:hover {
        color: #333;
    }

    /* Pano İçindeki Buton */
    .sliding-panel .panel-button {
        display: inline-block;
        padding: 10px 25px;
        background-color: #007bff;
        color: #ffffff;
        text-decoration: none;
        border-radius: 5px;
        font-weight: bold;
        transition: background-color 0.3s;
    }

    .sliding-panel .panel-button:hover {
        background-color: #0056b3;
    }
/* Genel Footer */
.seo-footer {
  width: 100%;
  background: #000;
  color: #e2e8f0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  padding: 3rem 1rem;
  box-sizing: border-box;
}

/* İçerik Alanı */
.seo-footer-container {
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
}

.seo-footer-container h2 { 
  font-size: 2rem; 
  color: #81c784; 
  margin-bottom: 2rem; 
}

.seo-content h3 { 
  color: #4299e1; 
  font-size: 1.5rem; 
  margin-bottom: 1rem; 
  border-bottom: 2px solid #4299e1; 
  padding-bottom: 0.5rem; 
}

.seo-content p { 
  line-height: 1.8; 
  margin-bottom: 1.5rem; 
}

.seo-keywords { 
  margin-top:2rem; 
  color:#cbd5e0; 
  line-height:1.5; 
}

/* Map Container */
.map-container {
  width: 100%;
  height: 300px;
  margin-top: 2rem;
}

/* Footer Alt Bölüm */
.footer-bottom { 
  margin-top: 3rem; 
  font-size: 0.9rem; 
  color: #cbd5e0; 
  border-top: 1px solid #2d3748; 
  padding-top:1rem; 
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
  .seo-footer-container { padding: 0 1rem; }
  .seo-footer-container h2 { font-size: 1.6rem; }
  .seo-content h3 { font-size: 1.3rem; }
  .seo-content p { font-size: 0.95rem; }
  .seo-keywords { font-size: 0.9rem; }
  .map-container { height: 250px; }
}

@media (max-width: 480px) {
  .seo-footer-container h2 { font-size: 1.4rem; }
  .seo-content h3 { font-size: 1.1rem; }
  .seo-content p { font-size: 0.9rem; }
  .seo-keywords { font-size: 0.85rem; }
  .map-container { height: 200px; }
}