@font-face {
   font-family: "Material Icons";
   font-style: normal;
   font-weight: 400;
   src: local('Material Icons'), local('MaterialIcons-Regular'), url(../font/MaterialIcons-Regular.woff2) format('woff2'), url(../font/MaterialIcons-Regular.woff) format('woff'), url(../font/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   direction: ltr;
   display: inline-block;
   font-family: "Material Icons";
   font-feature-settings: "liga";
   font-size: 24px;
   font-style: normal;
   font-weight: normal;
   letter-spacing: normal;
   line-height: 1;
   text-rendering: optimizeLegibility;
   text-transform: none;
   white-space: nowrap;
   word-wrap: normal;
}
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;
}
.visibility-hidden {
   visibility: hidden;
}
a.style1 {
   -moz-transition: all 300ms linear;
   -webkit-transition: all 300ms linear;
   color: #FFFFFF;
   display: inline-block;
   position: relative;
   text-decoration: none;
   transition: all 300ms linear;
}
a.style1::after {
   -moz-transition: all 300ms linear;
   -webkit-transition: all 300ms linear;
   background: transparent;
   content: "";
   display: block;
   height: 0;
   margin-top: 1px;
   transition: all 300ms linear;
   width: 100%;
}
a.style1:hover::after {
   background: #FFFFFF;
   height: 1px;
}
a.style1:visited {
   color: #FFFFFF;
   text-decoration: none;
}
a.style1:active {
   color: #FFFFFF;
   text-decoration: none;
}
a.style1:hover {
   color: #FFFFFF;
   text-decoration: none;
}
a.style2 {
   color: #FF5F00;
   text-decoration: underline;
}
a.style2:visited {
   color: #FF5F00;
   text-decoration: none;
}
a.style2:active {
   color: #FF5F00;
   text-decoration: none;
}
a.style2:hover {
   color: #FFFFFF;
   text-decoration: underline;
}
a.style3 {
   color: #FF5F00;
   text-decoration: none;
}
a.style3:visited {
   color: #FF5F00;
   text-decoration: none;
}
a.style3:active {
   color: #FF5F00;
   text-decoration: none;
}
a.style3:hover {
   color: #FFFFFF;
   text-decoration: underline;
}
a.style4 {
   -moz-transition: all 300ms linear;
   -webkit-transition: all 300ms linear;
   color: #FF5F00;
   display: inline-block;
   position: relative;
   text-decoration: none;
   transition: all 300ms linear;
}
a.style4::after,
a.style4::before {
   -moz-transition: all 300ms linear;
   -webkit-transition: all 300ms linear;
   background: #FF5F00;
   background: transparent;
   content: "";
   display: block;
   height: 1px;
   opacity: 0;
   position: absolute;
   transition: all 300ms linear;
   width: 100%;
}
a.style4::before {
   -moz-transform: translateY(-10px);
   -webkit-transform: translateY(-10px);
   top: -1px;
   transform: translateY(-10px);
}
a.style4::after {
   -moz-transform: translateY(10px);
   -webkit-transform: translateY(10px);
   bottom: -1px;
   transform: translateY(10px);
}
a.style4:hover::after,
a.style4:hover::before {
   -moz-transform: translateY(0px);
   -webkit-transform: translateY(0px);
   background: #FF5F00;
   opacity: 1;
   transform: translateY(0px);
}
a.style4:visited {
   color: #FF5F00;
   text-decoration: none;
}
a.style4:active {
   color: #FF5F00;
   text-decoration: none;
}
a.style4:hover {
   color: #FF5F00;
   text-decoration: none;
}
a.style5 {
   color: #000000;
   text-decoration: none;
}
a.style5:visited {
   color: #000000;
   text-decoration: none;
}
a.style5:active {
   color: #000000;
   text-decoration: none;
}
a.style5:hover {
   color: #4F4F4F;
   text-decoration: underline;
}
a.style6 {
   color: #808080;
   font-style: italic;
   text-decoration: underline;
}
a.style6:visited {
   color: #808080;
   text-decoration: none;
}
a.style6:active {
   color: #808080;
   text-decoration: none;
}
a.style6:hover {
   color: #FF5F00;
   font-style: italic;
   text-decoration: underline;
}
h1,
.h1 {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 32px;
   font-weight: bold;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
h2,
.h2 {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 27px;
   font-weight: bold;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
h3,
.h3 {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 24px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
h4,
.h4 {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 21px;
   font-style: italic;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
h5,
.h5 {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 19px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
h6,
.h6 {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 16px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
.CustomStyle {
   background-color: transparent;
   color: #000080;
   font-family: "Courier New";
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
}
