div#container
{
   width: 970px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
   overflow-x: hidden;
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FC4C1F;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1920px;
}
#LayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid2 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2 > .row > .col-1
{
   float: left;
}
#LayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid2:before,
#LayoutGrid2:after,
#LayoutGrid2 .row:before,
#LayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid2:after,
#LayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#LayoutGrid2 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid3
{
   clear: both;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 7776;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FC4C1F;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 1px 0 1px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1440px;
}
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid3 > .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;
}
#LayoutGrid3 > .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: 144px)
{
#LayoutGrid3 > .col-1, #LayoutGrid3 > .col-2
{
   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: #F4F5F9;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   padding: 10px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#LayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   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: left;
}
#LayoutGrid1:before,
#LayoutGrid1:after,
#LayoutGrid1 .row:before,
#LayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid1:after,
#LayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#LayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_relatedLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#relatedLayoutGrid1
{
   box-sizing: border-box;
   padding: 5px 15px 5px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#relatedLayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#relatedLayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#relatedLayoutGrid1 > .row > .col-1
{
   float: left;
}
#relatedLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#relatedLayoutGrid1 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#relatedLayoutGrid1:before,
#relatedLayoutGrid1:after,
#relatedLayoutGrid1 .row:before,
#relatedLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#relatedLayoutGrid1:after,
#relatedLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#relatedLayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_relatedLayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #F4F5F9;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#relatedLayoutGrid2
{
   box-sizing: border-box;
   padding: 10px 1px 1px 1px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#relatedLayoutGrid2 > .row
{
   margin-right: -1px;
   margin-left: -1px;
}
#relatedLayoutGrid2 > .row > .col-1, #relatedLayoutGrid2 > .row > .col-2, #relatedLayoutGrid2 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 1px;
   padding-left: 1px;
   position: relative;
}
#relatedLayoutGrid2 > .row > .col-1, #relatedLayoutGrid2 > .row > .col-2, #relatedLayoutGrid2 > .row > .col-3
{
   float: left;
}
#relatedLayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#relatedLayoutGrid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#relatedLayoutGrid2 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#relatedLayoutGrid2:before,
#relatedLayoutGrid2:after,
#relatedLayoutGrid2 .row:before,
#relatedLayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#relatedLayoutGrid2:after,
#relatedLayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 144px)
{
#relatedLayoutGrid2 > .row > .col-1, #relatedLayoutGrid2 > .row > .col-2, #relatedLayoutGrid2 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 0 0 0;
   margin: 0;
   text-align: center;
}
#wb_Text5 div
{
   text-align: center;
}
#wb_Text5
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_footer
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FC4C1F;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#footer
{
   box-sizing: border-box;
   padding: 10px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#footer > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#footer > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#footer > .row > .col-1
{
   float: left;
}
#footer > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#footer:before,
#footer:after,
#footer .row:before,
#footer .row:after
{
   display: table;
   content: " ";
}
#footer:after,
#footer .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#footer > .row > .col-1
{
   float: none;
   width: 100%;
}
}
#wb_footer-text 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_footer-text
{
   color: #000000;
   font-family: "Open Sans";
   font-weight: normal;
   font-size: 13px;
}
#wb_footer-text div
{
   text-align: center;
}
#wb_footer-text
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_ResponsiveMenu2
{
   display: block;
   background-color: rgba(246,246,246,0.00);
   font-family: Arial;
   font-weight: normal;
   text-align: center;
   width: 100%;
   margin: 0;
   z-index: 1111 !important;
}
#ResponsiveMenu2
{
   display: inline-block;
   background-color: rgba(246,246,246,0.00);
   height: 65px;
}
#wb_ResponsiveMenu2 ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#wb_ResponsiveMenu2 ul:after
{
   clear: both;
   content: "";
   display: block;
}
#wb_ResponsiveMenu2 ul li
{
   border-radius: 0;
   display: list-item;
   float: left;
   list-style: none;
   z-index: 9999;
}
#wb_ResponsiveMenu2 ul li i
{
   font-size: 24px;
   width: 24px;
   margin-bottom: 2px;
}
#wb_ResponsiveMenu2 ul li a
{
   background-color: rgba(246,246,246,0.00);
   color: #F6F6F6;
   font-family: Arial;
   font-weight: normal;
   font-size: 8px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 15px 30px 15px 30px;
   text-align: center;
}
#wb_ResponsiveMenu2 > ul > li > a 
{
   height: 35px;
}
.ResponsiveMenu2 a 
{
   display: block;
}
#wb_ResponsiveMenu2 li:hover > a, #wb_ResponsiveMenu2 li .active
{
   background-color: rgba(0,0,0,0.00);
   color: #000000;
}
#wb_ResponsiveMenu2 ul ul
{
   display: none;
   position: absolute;
   top: 65px;
}
#wb_ResponsiveMenu2 ul li:hover > ul
{
   display: list-item;
}
#wb_ResponsiveMenu2 ul ul li 
{
   float: none;
   position: relative;
   width: 134px;
}
#wb_ResponsiveMenu2 ul ul li a
{
   background-color: #FC4C1F;
   border: 0px solid #C5C5C5;
   color: #F6F6F6;
}
#wb_ResponsiveMenu2 ul ul li:hover > a, #wb_ResponsiveMenu2 ul ul li .active
{
   background-color: rgba(237,237,237,0.00);
   color: #000000;
}
#wb_ResponsiveMenu2 ul ul li i 
{
   margin-right: 8px;
   vertical-align: middle;
}
#wb_ResponsiveMenu2 ul ul li a 
{
   padding-top: 15px;
   padding-right: 20px;
   padding-bottom: 15px;
   text-align: left;
   vertical-align: middle;
}
#wb_ResponsiveMenu2 ul ul ul li 
{
   left: 134px;
   position: relative;
   top: -65px;
}
#wb_ResponsiveMenu2 .arrow-down 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px solid #F6F6F6;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
#wb_ResponsiveMenu2 .arrow-left 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-left: 4px solid #F6F6F6;
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   border-right: 0 dotted;
}
#wb_ResponsiveMenu2 li:hover > a .arrow-down, #wb_ResponsiveMenu2 li .active .arrow-down
{ 
   border-top-color: #000000;
}
#wb_ResponsiveMenu2 ul ul li:hover > a .arrow-left, #wb_ResponsiveMenu2 ul ul li .active .arrow-left
{ 
   border-left-color: #000000;
}
#wb_ResponsiveMenu2 .toggle,[id^=ResponsiveMenu2-submenu]
{
   display: none;
}
@media all and (max-width:768px) 
{
#wb_ResponsiveMenu2
{
   margin: 0;
   text-align: left;
}
#wb_ResponsiveMenu2 ul li a, #wb_ResponsiveMenu2 .toggle
{
   font-size: 8px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 15px 20px 15px 20px;
}
#wb_ResponsiveMenu2 .toggle + a
{
   display: none !important;
}
.ResponsiveMenu2 
{
   display: none;
   z-index: 9999;
}
#ResponsiveMenu2 
{
   background-color: transparent;
   display: none;
}
#wb_ResponsiveMenu2 > ul > li > a 
{
   height: auto !important;
   margin: 0;
}
#wb_ResponsiveMenu2 .toggle 
{
   display: block;
   background-color: rgba(246,246,246,0.00);
   color: #F6F6F6;
   padding: 0 20px 0 20px;
   line-height: 54px;
   text-decoration: none;
   border: none;
   position: relative;
}
#wb_ResponsiveMenu2 .toggle:hover
{
   background-color: rgba(0,0,0,0.00);
   color: #000000;
}
[id^=ResponsiveMenu2-submenu]:checked + ul 
{
   display: block !important;
}
#ResponsiveMenu2-title
{
   height: 65px !important;
   line-height: 65px !important;
   text-align: center;
}
#wb_ResponsiveMenu2 ul li 
{
   display: block;
   width: 100% !important;
   text-align: left;
}
#wb_ResponsiveMenu2 ul ul .toggle,
#wb_ResponsiveMenu2 ul ul a 
{
   padding: 0 40px;
}
#wb_ResponsiveMenu2 a:hover,
#wb_ResponsiveMenu2 ul ul ul a 
{
   background-color: #FC4C1F;
   color: #F6F6F6;
}
#wb_ResponsiveMenu2 ul li ul li .toggle,
#wb_ResponsiveMenu2 ul ul a 
{
   background-color: #FC4C1F;
   color: #F6F6F6;
}
#wb_ResponsiveMenu2 ul ul ul a 
{
   padding: 15px 20px 15px 60px;
}
#wb_ResponsiveMenu2 ul li a 
{
   text-align: left;
}
#wb_ResponsiveMenu2 ul li a br 
{
   display: none;
}
#wb_ResponsiveMenu2 ul li i 
{
   margin-right: 8px;
}
#wb_ResponsiveMenu2 ul ul 
{
   float: none;
   position: static;
}
#wb_ResponsiveMenu2 ul ul li:hover > ul,
#wb_ResponsiveMenu2 ul li:hover > ul 
{
   display: none;
}
#wb_ResponsiveMenu2 ul ul li 
{
   display: block;
   width: 100%;
}
#wb_ResponsiveMenu2 ul ul ul li 
{
   position: static;
}
#ResponsiveMenu2-icon 
{
   display: block;
   position: absolute;
   left: 30px;
   top: 20px;
   user-select: none;
}
#ResponsiveMenu2-icon span 
{
   display: block;
   margin-top: 4px;
   height: 2px;
   background-color: #F6F6F6;
   color: #F6F6F6;
   width: 24px;
}
#wb_ResponsiveMenu2 ul li ul li .toggle:hover
{
   background-color: #EDEDED;
   color: #000000;
}
#wb_ResponsiveMenu2 .toggle .arrow-down 
{
   border-top-color: #F6F6F6;
}
#wb_ResponsiveMenu2 .toggle:hover .arrow-down, #wb_ResponsiveMenu2 li .active .arrow-down
{
   border-top-color: #000000;
}
#wb_ResponsiveMenu2 ul li ul li .toggle .arrow-down 
{
   border-top-color: #F6F6F6;
}
#wb_ResponsiveMenu2 ul li ul li .toggle:hover .arrow-down, #wb_ResponsiveMenu2 ul li ul li .active .arrow-down
{
   border-top-color: #000000;
}
}
#wb_Card32
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #FC4C1F;
   border-radius: 7px;
   text-align: center;
}
#Card32-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card32-card-item0
{
   box-sizing: border-box;
   border-radius: 7px 7px 0 0 !important;
   margin: 0 0 -90px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#Card32-card-item1
{
   display: inline-block;
   line-height: 1.0;
   height: 30px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   border: 1px solid #FF8C00;
   border-radius: 0px;
   background-color: rgba(255,140,0,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 8px;
}
#Card32-card-item1
{
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_Card32:hover #Card32-card-item1
{
   transform: rotate(0deg) ;
   opacity: 1;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#Card32-card-item1 a
{
   color: inherit;
   display: block;
   padding: 10px 16px 10px 16px;
   text-decoration: none;
}
#Card32-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 35px rgba(216,216,216,0.00) solid;
   border-width: 35px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card32-card-item3
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 8px;
}
#Card32-card-item4
{
   box-sizing: border-box;
   margin: 0 20px 20px 20px;
   padding: 0;
   color: #FC4C1F;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 8px;
}
#wb_Card31
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #FC4C1F;
   border-radius: 7px;
   text-align: center;
}
#Card31-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card31-card-item0
{
   box-sizing: border-box;
   border-radius: 7px 7px 0 0 !important;
   margin: 0 0 -90px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#Card31-card-item1
{
   display: inline-block;
   line-height: 1.0;
   height: 30px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   border: 1px solid #FF8C00;
   border-radius: 0px;
   background-color: rgba(255,140,0,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 8px;
}
#Card31-card-item1
{
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_Card31:hover #Card31-card-item1
{
   transform: rotate(0deg) ;
   opacity: 1;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#Card31-card-item1 a
{
   color: inherit;
   display: block;
   padding: 10px 16px 10px 16px;
   text-decoration: none;
}
#Card31-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 35px rgba(216,216,216,0.00) solid;
   border-width: 35px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card31-card-item3
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 8px;
}
#Card31-card-item4
{
   box-sizing: border-box;
   margin: 0 20px 20px 20px;
   padding: 0;
   color: #FC4C1F;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 8px;
}
#wb_Card30
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #FC4C1F;
   border-radius: 7px;
   text-align: center;
}
#Card30-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card30-card-item0
{
   box-sizing: border-box;
   border-radius: 7px 7px 0 0 !important;
   margin: 0 0 -90px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#Card30-card-item1
{
   display: inline-block;
   line-height: 1.0;
   height: 30px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   border: 1px solid #FF8C00;
   border-radius: 0px;
   background-color: rgba(255,140,0,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 8px;
}
#Card30-card-item1
{
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_Card30:hover #Card30-card-item1
{
   transform: rotate(0deg) ;
   opacity: 1;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#Card30-card-item1 a
{
   color: inherit;
   display: block;
   padding: 10px 16px 10px 16px;
   text-decoration: none;
}
#Card30-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 35px rgba(216,216,216,0.00) solid;
   border-width: 35px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card30-card-item3
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 8px;
}
#Card30-card-item4
{
   box-sizing: border-box;
   margin: 0 20px 20px 20px;
   padding: 0;
   color: #FC4C1F;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 8px;
}
#imageSearchInput
{
   display: none;
}
#wb_ResponsiveMenu2
{
   display: block;
   width: 100%;
   z-index: 1;
}
#wb_Card32
{
   display: flex;
   width: 100%;
   z-index: 6;
   overflow: hidden;
}
#wb_Card30
{
   display: flex;
   width: 100%;
   z-index: 4;
   overflow: hidden;
}
#wb_Card31
{
   display: flex;
   width: 100%;
   z-index: 5;
   overflow: hidden;
}
#descText
{
   font-size: 14px;
   color: #444;
}
#Html2
{
   display: inline-block;
   width: 100%;
   height: auto;
   overflow: visible;
   z-index: 0;
}
@media only screen and (max-width: 320px)
{
div#container
{
   width: 320px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_LayoutGrid2
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid2
{
   height: auto;
   padding: 0 15px 0 15px;
}
#LayoutGrid2 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid2 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid2 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#wb_LayoutGrid3
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid3
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid3
{
   height: auto;
   padding: 1px 0 1px 0;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: auto;
   padding: 10px 15px 10px 15px;
}
#LayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid1 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_relatedLayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_relatedLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#relatedLayoutGrid1
{
   height: auto;
   padding: 5px 15px 5px 15px;
}
#relatedLayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_relatedLayoutGrid2
{
   visibility: visible;
   display: table;
}
#wb_relatedLayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#relatedLayoutGrid2
{
   height: auto;
   padding: 1px 1px 1px 1px;
}
#relatedLayoutGrid2 .row
{
   margin-right: -1px;
   margin-left: -1px;
}
#wb_Text5
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text5
{
   margin: 0;
   padding: 5px 0 0 0;
}
#BuildWith1
{
   left: 441px;
   top: 2031px;
   width: 88px;
   height: 31px;
   visibility: visible;
   display: inline;
}
#wb_footer
{
   visibility: visible;
   display: table;
}
#wb_footer
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#footer
{
   height: auto;
   padding: 10px 15px 10px 15px;
}
#footer .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#footer > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#footer > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#wb_footer-text
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_footer-text
{
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_ResponsiveMenu2
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   text-align: center;
}
#Html2
{
   visibility: visible;
   display: block;
}
#wb_Card32
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0 0 20px 0 ;
}
#Card32-card-item0
{
   box-sizing: border-box;
   border-radius: 7px 7px 0 0 !important;
   margin: 0 0 -90px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#Card32-card-item1
{
   display: inline-block;
   line-height: 1.0;
   height: 30px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   border: 1px solid #FF8C00;
   border-radius: 0px;
   background-color: rgba(255,140,0,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 8px;
}
#Card32-card-item1
{
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_Card32:hover #Card32-card-item1
{
   transform: rotate(0deg) ;
   opacity: 1;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#Card32-card-item1 a
{
   color: inherit;
   display: block;
   padding: 10px 16px 10px 16px;
   text-decoration: none;
}
#Card32-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 35px rgba(216,216,216,0.00) solid;
   border-width: 35px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card32-card-item3
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 8px;
}
#Card32-card-item4
{
   box-sizing: border-box;
   margin: 0 20px 20px 20px;
   padding: 0;
   color: #FC4C1F;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 8px;
}
#wb_Card32
{
   text-align: center;
}
#wb_Card31
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0 0 20px 0 ;
}
#Card31-card-item0
{
   box-sizing: border-box;
   border-radius: 7px 7px 0 0 !important;
   margin: 0 0 -90px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#Card31-card-item1
{
   display: inline-block;
   line-height: 1.0;
   height: 30px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   border: 1px solid #FF8C00;
   border-radius: 0px;
   background-color: rgba(255,140,0,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 8px;
}
#Card31-card-item1
{
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_Card31:hover #Card31-card-item1
{
   transform: rotate(0deg) ;
   opacity: 1;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#Card31-card-item1 a
{
   color: inherit;
   display: block;
   padding: 10px 16px 10px 16px;
   text-decoration: none;
}
#Card31-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 35px rgba(216,216,216,0.00) solid;
   border-width: 35px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card31-card-item3
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 8px;
}
#Card31-card-item4
{
   box-sizing: border-box;
   margin: 0 20px 20px 20px;
   padding: 0;
   color: #FC4C1F;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 8px;
}
#wb_Card31
{
   text-align: center;
}
#wb_Card30
{
   width: 100%;
   visibility: visible;
   display: flex;
   margin: 0 0 20px 0 ;
}
#Card30-card-item0
{
   box-sizing: border-box;
   border-radius: 7px 7px 0 0 !important;
   margin: 0 0 -90px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#Card30-card-item1
{
   display: inline-block;
   line-height: 1.0;
   height: 30px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   border: 1px solid #FF8C00;
   border-radius: 0px;
   background-color: rgba(255,140,0,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 8px;
}
#Card30-card-item1
{
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_Card30:hover #Card30-card-item1
{
   transform: rotate(0deg) ;
   opacity: 1;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#Card30-card-item1 a
{
   color: inherit;
   display: block;
   padding: 10px 16px 10px 16px;
   text-decoration: none;
}
#Card30-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 35px rgba(216,216,216,0.00) solid;
   border-width: 35px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card30-card-item3
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 8px;
}
#Card30-card-item4
{
   box-sizing: border-box;
   margin: 0 20px 20px 20px;
   padding: 0;
   color: #FC4C1F;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 8px;
}
#wb_Card30
{
   text-align: center;
}
}
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
        }

        /* Gradient background ya header */
        .main-header {
            background: linear-gradient(to right, #FC4C1F, #FC4C1F, #FC4C1F);
            padding: 15px 30px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 4px 0px rgba(0,0,0,0.1);
        }

        /* Sehemu ya Logo & Jina */
        .brand-section {
            display: flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
        }

        .brand-logo {
            font-size: 28px;
            color: #ffffff;
        }

        .brand-name {
            color: #ffffff;
            font-size: 24px;
            font-weight: bold;
            letter-spacing: 1px;
        }

        /* Sehemu ya Kulia (TZ Flag & WhatsApp) */
        .right-section {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        /* Badge ya Bendera ya Tanzania na TZ */
        .tz-badge {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #ffffff;
            font-weight: bold;
            font-size: 15px;
            background: rgba(255, 255, 255, 0.2);
            padding: 6px 12px;
            border-radius: 6px;
        }

        .tz-flag-img {
            width: 24px;
            height: 16px;
            object-fit: cover;
            border-radius: 2px;
            box-shadow: 0 0 2px rgba(0,0,0,0.3);
        }

        /* WhatsApp Button */
        .whatsapp-link {
            display: flex;
            align-items: center;
            gap: 8px;
            background-color: #25D366;
            color: white;
            text-decoration: none;
            padding: 8px 16px;
            border-radius: 20px;
            font-weight: bold;
            font-size: 14px;
            transition: transform 0.2s, background 0.2s;
        }

        .whatsapp-link:hover {
            background-color: #20ba5a;
            transform: translateY(-2px);
        }

        /* Responsive kwa simu */
        @media (max-width: 600px) {
            .main-header {
                padding: 12px 15px;
            }

            .brand-name {
                font-size: 20px;
            }

            .whatsapp-link span {
                display: none; /* Inaficha namba kwenye kioo kidogo na kuacha icon ya WhatsApp pekee */
            }
        }
    /* Container inayofunga kila kitu ndani ya kisanduku kimoja */
.search-box-wrapper {
  display: flex !important;
  align-items: center !important;
  background-color: #ffffff !important;
  border: 2px solid #ff6600 !important; /* Border ya orange kuzunguka vyote */
  border-radius: 30px !important;
  padding: 3px 4px 3px 12px !important;
  width: 100% !important;
  max-width: 500px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Icon ya Kamera kushoto */
.search-box-wrapper .cam-btn {
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px !important;
  margin-right: 4px !important;
  flex-shrink: 0 !important;
}

/* Sehemu ya kuandika maandishi katikati */
.search-box-wrapper input[type="text"] {
  flex: 1 !important;
  border: none !important;
  outline: none !important;
  padding: 8px 6px !important;
  font-size: 15px !important;
  color: #333 !important;
  background: transparent !important;
  min-width: 0 !important;
}

/* Kitufe cha Search kulia */
.search-box-wrapper .search-btn {
  background: linear-gradient(135deg, #ff8c00, #ff4500) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 8px 18px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: Arial, Helvetica, sans-serif;
            text-align: left;
        }

        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
            padding: 0px 0;
        }

        /* Main Container */
        .container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 0 15px;
        }

        /* Product Main Card */
        .product-card {
            background: #fff;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
        }

        /* Left Side: Image Gallery */
        .product-gallery {
            flex: 1;
            min-width: 300px;
        }

        .main-image-container {
            border: 1px solid #eee;
            border-radius: 6px;
            padding: 10px;
            text-align: left;
            background: #fff;
            margin-bottom: 12px;
        }

        .main-image-container img {
            max-width: 100%;
            height: auto;
            max-height: 350px;
            object-fit: contain;
            display: block;
        }

        .thumbnails {
            display: flex;
            gap: 8px;
            overflow-x: auto;
        }

        .thumbnail-item {
            width: 60px;
            height: 60px;
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 2px;
            cursor: pointer;
            object-fit: cover;
            transition: border-color 0.2s ease;
        }

        .thumbnail-item.active {
            border-color: #ff5500;
            border-width: 2px;
        }

        /* Right Side: Product Details */
        .product-info {
            flex: 1.2;
            min-width: 300px;
        }

        .product-title {
            font-size: 20px;
            color: #222;
            margin-bottom: 8px;
            line-height: 1.4;
        }

        .rating-row {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 15px;
            font-size: 13px;
        }

        .stars {
            color: #ff5500;
            letter-spacing: 1px;
        }

        .badge {
            background-color: #f0f0f0;
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 12px;
            color: #555;
        }

        .price-box {
            background-color: #fafafa;
            border: 1px solid #f0f0f0;
            padding: 15px;
            border-radius: 6px;
            margin-bottom: 20px;
        }

        .price-range {
            font-size: 22px;
            color: #d9534f;
            font-weight: bold;
            margin-bottom: 4px;
        }

        .price-subtext {
            font-size: 12px;
            color: #777;
        }

        .action-btns {
            display: flex;
            gap: 12px;
            margin-bottom: 20px;
        }

        .btn-chat {
            background-color: #25d366;
            color: white;
            border: none;
            padding: 10px 24px;
            border-radius: 20px;
            font-weight: bold;
            cursor: pointer;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .btn-message {
            background-color: #ff5500;
            color: white;
            border: none;
            padding: 10px 24px;
            border-radius: 20px;
            font-weight: bold;
            cursor: pointer;
            text-decoration: none;
        }

        /* Details / Tabs Section */
        .details-card {
            background: #fff;
            border-radius: 8px;
            padding: 20px;
            margin-top: 20px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        }

        .tabs-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid #eee;
            margin-bottom: 20px;
            flex-wrap: wrap;
            gap: 10px;
        }

        .tab-list {
            display: flex;
            gap: 20px;
        }

        .tab-item {
            padding-bottom: 10px;
            font-weight: bold;
            color: #666;
            border-bottom: 2px solid transparent;
            margin-bottom: -2px;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .tab-item.active {
            color: #ff5500;
            border-bottom-color: #ff5500;
        }

        .lang-switch {
            display: flex;
            gap: 5px;
        }

        .lang-btn {
            padding: 4px 10px;
            border-radius: 4px;
            font-size: 12px;
            border: none;
            cursor: pointer;
        }

        .lang-btn.active {
            background-color: #ff5500;
            color: white;
        }

        .lang-btn.inactive {
            background-color: #eee;
            color: #666;
        }

        /* Tab Content Styling */
        .tab-content {
            display: none;
        }

        .tab-content.active {
            display: block;
        }

        .section-title {
            font-size: 16px;
            font-weight: bold;
            margin: 15px 0 10px 0;
            color: #222;
        }

        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
        }

        .specs-table th, .specs-table td {
            border: 1px solid #e0e0e0;
            padding: 10px;
            text-align: left;
            font-size: 14px;
        }

        .specs-table th {
            background-color: #f8f9fa;
            width: 35%;
        }

        .features-list {
            margin-left: 20px;
            margin-bottom: 20px;
            font-size: 14px;
        }

        .features-list li {
            margin-bottom: 6px;
            text-align: left;
        }

        .review-item {
            border-bottom: 1px solid #eee;
            padding: 10px 0;
        }

        .review-item:last-child {
            border-bottom: none;
        }