body {
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-size: 16px;
   font-weight: normal;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_headergrid {
   background-clip: padding-box;
   background-image: linear-gradient(to bottom, #F2F2F2 0%, #ADADAD 100%);
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   clear: both;
   display: table;
   margin: 20px 0 10px 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
}
#headergrid {
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   margin-left: auto;
   margin-right: auto;
   max-width: 1024px;
   padding: 5px 0 5px 0;
}
#headergrid > .col-1,
#headergrid > .col-2 {
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
}
#headergrid > .col-1,
#headergrid > .col-2 {
   flex: 0 0 auto;
}
#headergrid > .col-1 {
   align-content: center;
   align-items: center;
   align-self: stretch;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   display: flex;
   flex-basis: 50%;
   flex-wrap: wrap;
   justify-content: center;
   max-width: 50%;
   text-align: center;
}
#headergrid > .col-2 {
   align-content: flex-start;
   align-items: flex-start;
   align-self: stretch;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   display: flex;
   flex-basis: 50%;
   flex-wrap: wrap;
   justify-content: center;
   max-width: 50%;
   text-align: center;
}
@media (max-width: 768px) {
#headergrid > .col-1,
#headergrid > .col-2 {
   flex-basis: 100%  !important;
   max-width: 100%  !important;
}
}
#headergrid-divider-top {
   height: 0px;
   left: 0;
   line-height: 0;
   overflow: hidden;
   position: absolute;
   top: 0%;
   transform: scaleY(-1.01);
   transition: height 2000ms ease;
   width: 100%;
}
#headergrid-divider-top svg {
   display: block;
   height: 100%;
   left: 50%;
   position: relative;
   top: 0;
   transform: translateX(-50%);
   width: 100%;
}
#headergrid-divider-top .divider-fill {
   fill: rgba(173,173,173,1.00);
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#headergrid-divider-top.show {
   height: 50px;
}
#wb_supakelogo {
   margin: 0;
   vertical-align: top;
}
#supakelogo {
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   display: inline-block;
   height: 69px;
   padding: 0;
   vertical-align: top;
   width: 306px;
}
#wb_headercontactbox a img {
   left: 0;
   position: absolute;
}
#wb_headercontactbox .default {
   left: 0;
   position: absolute;
}
#wb_headercontactbox a .hover {
   visibility: hidden;
}
#wb_headercontactbox a:hover .hover {
   visibility: visible;
}
#wb_headercontactbox a:hover .default {
   visibility: hidden;
}
#headercontactbox {
   border-width: 0;
   vertical-align: top;
}
#wb_headercontactbox {
   animation: animate-flash 500ms linear 5ms 1 normal;
   margin: 20px 0 5px 0;
   vertical-align: top;
}
#wb_navbargrid {
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   clear: both;
   display: table;
   margin: 0;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
}
#navbargrid {
   box-sizing: border-box;
   margin-left: auto;
   margin-right: auto;
   max-width: 1024px;
   padding: 0 15px 0 15px;
}
#navbargrid > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#navbargrid > .row > .col-1 {
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
}
#navbargrid > .row > .col-1 {
   float: left;
}
#navbargrid > .row > .col-1 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
   width: 100%;
}
#navbargrid:before,
#navbargrid:after,
#navbargrid .row:before,
#navbargrid .row:after {
   content: " ";
   display: table;
}
#navbargrid:after,
#navbargrid .row:after {
   clear: both;
}
@media (max-width: 768px) {
#navbargrid > .row > .col-1 {
   float: none;
   width: 100%  !important;
}
}
#Shape1 {
   border-width: 0;
   vertical-align: top;
}
#wb_Shape1 {
   margin: 0;
   vertical-align: top;
}
#wb_wecometosupakegrid {
   background-color: transparent;
   background-image: none;
   border: 1px solid #DDDDDD;
   border-radius: 5px;
   box-sizing: border-box;
   clear: both;
   display: table;
   margin: 10px 0 0 0;
   margin-left: auto;
   margin-right: auto;
   max-width: 800px;
   position: relative;
   table-layout: fixed;
   text-align: center;
   width: 100%;
}
#wecometosupakegrid {
   box-sizing: border-box;
   margin-left: auto;
   margin-right: auto;
   padding: 0 15px 0 15px;
}
#wecometosupakegrid > .row {
   margin-left: -15px;
   margin-right: -15px;
}
#wecometosupakegrid > .row > .col-1 {
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
}
#wecometosupakegrid > .row > .col-1 {
   float: left;
}
#wecometosupakegrid > .row > .col-1 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
   width: 100%;
}
#wecometosupakegrid:before,
#wecometosupakegrid:after,
#wecometosupakegrid .row:before,
#wecometosupakegrid .row:after {
   content: " ";
   display: table;
}
#wecometosupakegrid:after,
#wecometosupakegrid .row:after {
   clear: both;
}
@media (max-width: 768px) {
#wecometosupakegrid > .row > .col-1 {
   float: none;
   width: 100%  !important;
}
}
#wb_aboutcontent {
   background-color: transparent;
   background-image: none;
   border: 0px solid #D9D9D9;
   border-radius: 0px;
   margin: 0;
   padding: 10px 10px 10px 10px;
   text-align: justify;
}
#wb_aboutcontent div {
   text-align: justify;
}
#wb_aboutcontent {
   box-sizing: border-box;
   display: block;
   margin: 0;
   width: 100%;
}