body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#FlexGrid1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 10px 10px 10px 10px;
   padding: 0;
}
#FlexGrid1-grid
{
   display: grid;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
   font-size: 0px;
   grid-column-gap: 8px;
   grid-row-gap: 8px;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-template-rows: auto 100px auto auto auto auto 250px auto;
   grid-template-areas:
      "nav1 nav2 nav3 nav4"
      "header header header2 header2"
      "left main main right"
      "slogan1 slogan1 slogan2 slogan2"
      "text text text text"
      "banner banner banner banner"
      "section1 section1 section2 section2"
      "footer footer footer footer";
}
#FlexGrid1 .nav1
{
   display: flex;
   grid-area: nav1;
   background-color: transparent;
   background-image: none;
   border: 4px solid #000000;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid1 .nav2
{
   display: flex;
   grid-area: nav2;
   background-color: transparent;
   background-image: none;
   border: 4px solid #000000;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid1 .nav3
{
   display: flex;
   grid-area: nav3;
   background-color: transparent;
   background-image: none;
   border: 4px solid #000000;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid1 .nav4
{
   display: flex;
   grid-area: nav4;
   background-color: transparent;
   background-image: none;
   border: 4px solid #000000;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid1 .header
{
   display: flex;
   grid-area: header;
   background-color: transparent;
   background-image: url(../images/popart_dots.png);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border: 4px solid #000000;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   -webkit-align-content: flex-start;
   align-content: flex-start;
}
#FlexGrid1 .header2
{
   display: flex;
   grid-area: header2;
   background-color: #FDEE17;
   background: linear-gradient(to bottom, #FDEE17 0%, #F05208 100%);
   border: 4px solid #000000;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid1 .left
{
   display: flex;
   grid-area: left;
   background-color: #D22881;
   background: linear-gradient(to right, #D22881 0%, #B31E6C 100%);
   border: 4px solid #000000;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid1 .main
{
   display: flex;
   grid-area: main;
   background-color: transparent;
   background-image: url(../images/popart_wow.png);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border: 4px solid #000000;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid1 .right
{
   display: flex;
   grid-area: right;
   background-color: #35C4CA;
   background: linear-gradient(to bottom, #35C4CA 0%, #0D96A0 100%);
   border: 4px solid #000000;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: flex-end;
   justify-content: flex-end;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   -webkit-align-content: flex-start;
   align-content: flex-start;
}
#FlexGrid1 .slogan1
{
   display: flex;
   grid-area: slogan1;
   background-color: transparent;
   background-image: url(../images/popart_backgrond_yellow.png);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   border: 4px solid #000000;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid1 .slogan2
{
   display: flex;
   grid-area: slogan2;
   background-color: #FFA300;
   background: linear-gradient(to top, #FFA300 0%, #F25F00 100%);
   border: 4px solid #000000;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid1 .text
{
   display: flex;
   grid-area: text;
   background-color: #5A3486;
   background: linear-gradient(135deg, #382574 0%, #5A3486 100%);
   border: 4px solid #000000;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid1 .banner
{
   display: flex;
   grid-area: banner;
   background-color: #1E90FF;
   background-image: none;
   border: 4px solid #000000;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid1 .section1
{
   display: flex;
   grid-area: section1;
   background-color: #58A501;
   background: linear-gradient(to top, #58A501 0%, #A6CD02 100%);
   border: 4px solid #000000;
   padding: 20px 20px 20px 20px;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid1 .section2
{
   display: flex;
   grid-area: section2;
   background-color: #249651;
   background: linear-gradient(225deg, #249651 0%, #027922 100%);
   border: 4px solid #000000;
   padding: 20px 20px 20px 20px;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid1 .footer
{
   display: flex;
   grid-area: footer;
   background-color: transparent;
   background-image: none;
   border: 4px solid #000000;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 10px 10px 10px 10px;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
width: 100%;}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 10px 10px 10px 10px;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
width: 100%;}
#wb_Image1
{
   margin: 0;
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1281px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Shape1
{
   transform: rotate(0deg);
   transform-origin: 50% 50%;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape3
{
   transform: rotate(0deg);
   transform-origin: 50% 50%;
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape3
{
   margin: 0px 0px 0px -100px;
}
#Button1
{
   line-height: 33px;
   text-align: center;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #000000;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: "Luckiest Guy";
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   padding: 4px 1px 2px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button1
{
   background-color: #FFFFFF;
   color: #000000;
   -webkit-transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
   transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
}
#Button1:hover
{
   background-color: #000000;
   color: #FFFFFF;
   -webkit-transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
   transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
}
#Button2
{
   line-height: 33px;
   text-align: center;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #000000;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: "Luckiest Guy";
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   padding: 4px 1px 2px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button2
{
   background-color: #FFFFFF;
   color: #000000;
   -webkit-transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
   transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
}
#Button2:hover
{
   background-color: #000000;
   color: #FFFFFF;
   -webkit-transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
   transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
}
#Button3
{
   line-height: 33px;
   text-align: center;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #000000;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: "Luckiest Guy";
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   padding: 4px 1px 2px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button3
{
   background-color: #FFFFFF;
   color: #000000;
   -webkit-transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
   transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
}
#Button3:hover
{
   background-color: #000000;
   color: #FFFFFF;
   -webkit-transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
   transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
}
#Button4
{
   line-height: 33px;
   text-align: center;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #000000;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: "Luckiest Guy";
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   padding: 4px 1px 2px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button4
{
   background-color: #FFFFFF;
   color: #000000;
   -webkit-transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
   transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
}
#Button4:hover
{
   background-color: #000000;
   color: #FFFFFF;
   -webkit-transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
   transition: background-color 500ms linear 0ms, color 500ms linear 0ms;
}
#wb_footerText2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 20px 0px 20px 0px;
   margin: 0;
   text-align: center;
}
#wb_footerText2
{
   color: #000000;
   font-family: "Luckiest Guy";
   font-weight: normal;
   font-size: 15px;
   line-height: 17.5px;
}
#wb_footerText2 p, #wb_footerText2 ul
{
   margin: 0;
   padding: 0;
}
#wb_footerText2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
width: 100%;}
#Button5
{
   border: 1px solid #FFFFFF;
   background-color: #2E8B57;
   background-image: none;
   color: #FFFFFF;
   font-family: "Luckiest Guy";
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Editbox1
{
   border: 1px solid #FFFFFF;
   background-color: #2E8B57;
   background-image: none;
   color: #FFFFFF;
   font-family: "Luckiest Guy";
   font-weight: 0;
   font-style: normal;
   font-size: 13px;
   box-sizing: border-box;
   line-height: 26px;
   padding: 4px 4px 4px 4px;
   margin: 0px 0px 20px 0px;
   text-align: left;
}
#Editbox1::placeholder
{
   color: #FFFFFF;
   opacity: 1;
}
#Editbox1::-ms-input-placeholder
{
   color: #FFFFFF;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0px 0px 20px 0px;
   text-align: left;
}
#wb_Text3 div
{
   text-align: left;
}
#wb_Text3
{
   display: block;
   margin: 0px 0px 20px 0px;
   box-sizing: border-box;
width: 100%;}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0px 0px 10px 0px;
   padding: 0;
   text-align: left;
}
#Heading1
{
   color: #FFFFFF;
   font-family: "Luckiest Guy";
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
   margin: 0;
   text-align: left;
}
#wb_IconFont19
{
   background-color: rgba(255,255,255,0.20);
   background-image: none;
   border: 0px solid #CCCCCC;
   text-align: center;
   margin: 0px 2px 0px 0px;
   padding: 6px 4px 6px 4px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_IconFont19:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#IconFont19
{
   height: 20px;
   width: 25px;
}
#IconFont19 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
   width: 10px;
}
#wb_IconFont19:hover i
{
   color: #5BA701;
}
#wb_IconFont20
{
   background-color: rgba(255,255,255,0.20);
   background-image: none;
   border: 0px solid #CCCCCC;
   text-align: center;
   margin: 0px 2px 0px 0px;
   padding: 6px 4px 6px 4px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_IconFont20:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#IconFont20
{
   height: 20px;
   width: 27px;
}
#IconFont20 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
   width: 17px;
}
#wb_IconFont20:hover i
{
   color: #5BA701;
}
#wb_IconFont21
{
   background-color: rgba(255,255,255,0.20);
   background-image: none;
   border: 0px solid #CCCCCC;
   text-align: center;
   margin: 0px 2px 0px 0px;
   padding: 6px 4px 6px 4px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_IconFont21:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#IconFont21
{
   height: 20px;
   width: 27px;
}
#IconFont21 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
   width: 19px;
}
#wb_IconFont21:hover i
{
   color: #5BA701;
}
#wb_IconFont22
{
   background-color: rgba(255,255,255,0.20);
   background-image: none;
   border: 0px solid #CCCCCC;
   text-align: center;
   margin: 0px 2px 0px 0px;
   padding: 6px 4px 6px 4px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_IconFont22:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#IconFont22
{
   height: 20px;
   width: 27px;
}
#IconFont22 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
   width: 16px;
}
#wb_IconFont22:hover i
{
   color: #5BA701;
}
#wb_linksMenu2
{
   border: 0px solid #C0C0C0;
   background-color: transparent;
   margin: 0px 0px 20px 0px;
   text-align: left;
}
#wb_linksMenu2 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 100%;
}
#wb_linksMenu2 li
{
   float: left;
   margin: 0;
   padding: 0px 0px 0px 0px;
   width: 100%;
}
#wb_linksMenu2 a
{
   display: block;
   color: #FFFFFF;
   border: 0px solid #CCCCCC;
   background-color: transparent;
   background-image: none;
   font-family: "Luckiest Guy";
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   width: 100%;
   box-sizing: border-box;
   height: 25px;
   padding: 0px 0px 0px 0px;
   vertical-align: middle;
   line-height: 25px;
   text-align: left;
}
#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_Heading2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0px 0px 10px 0px;
   padding: 0;
   text-align: left;
}
#Heading2
{
   color: #FFFFFF;
   font-family: "Luckiest Guy";
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
   margin: 0;
   text-align: left;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 10px 10px 10px 10px;
   margin: 0px 0px 20px 0px;
   text-align: center;
}
#wb_Text4 div
{
   text-align: center;
}
#wb_Text4
{
   display: block;
   margin: 0px 0px 20px 0px;
   box-sizing: border-box;
width: 100%;}
#wb_Heading3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   vertical-align: top;
   margin: 20px 0px 10px 0px;
   padding: 0;
   text-align: center;
}
#Heading3
{
   color: #BEA9DE;
   font-family: "Luckiest Guy";
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
   margin: 0;
   text-align: center;
}
#wb_TextArt1
{
   transform: rotate(0deg);
   transform-origin: 50% 50%;
}
#TextArt1
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image2
{
   margin: 0;
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 3291px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Image3
{
   margin: 0;
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1944px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
