html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
html, body { margin: 0px; background: #ecf0f1; color: #333; font: normal 16px 'Open Sans',Helvetica, Tahoma, Arial, sans-serif; line-height: 1.4; }
h1, h2, h3 { font-weight: normal; padding: 0; margin: 0; font-family: Raleway  }
h1 { font-size: 50px; line-height: 32px; margin-bottom: 5px }
.page-title-bar { padding: 20px 40px; background-color: #54C4EB; }
h1.page-title { font-size: 30px; font-weight:400; margin: 0; color: #fff; }
h2 { font-size: 16px; }
h2.heading { padding: 3px 0 3px 0px; border-bottom: 3px solid #578FB5; margin-bottom: 10px; font-weight: bold }
a { color: #2980b9; text-decoration: none }
a:hover, a>h2:hover { text-decoration: none; color: #000; }
.home-box { padding: 20px; margin: 30px 0 0 0; color: #fff }
.home-box h2 { color: #fff !important; }
.status-message {
    padding: 15px 0 !important; border-radius: 0 !important; text-align: center; border: none !important; margin: 0 !important; }
.plus-height { height: 350px; margin-bottom: 30px; padding: 20px }
.plus-height.for-home { padding-top: 0px !important; border-radius: 0 0 8px 8px }
.white-bg { background-color: #fff; }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.nomargin {  margin: 0 !important; }
.alink { padding: 12px 20px; text-align: center; float: left; }
.alink::after { clear: both; }
.topbar { padding: 8px 0; border-bottom: 1px solid #dddddd; background-color: #fff }
.logo-bar { padding: 20px 30px; border-bottom: 1px solid #bdc3c7; border-top: 1px solid #fff; background-color: #fff; }
.menu-bar { padding: 0; background-color: #E9AD28; width: 100%; height: 46px; overflow: hidden; z-index: 1002 !important; }
.menu-bar a { color: #fff; margin: 0 !important; font-size: 13px; font-weight: bold; text-transform: uppercase; font-family: Raleway }
.menu a { margin-right: 0px; color: #0d71bb !important; }
.gray-text { color: #888888 }
.white-text { color: #fff !important; }
.home-link { color: #fff }
.home-link2 { color: #34495e; padding: 5px 0; border-bottom: 1px solid #f7f7f7; display: block; text-transform: capitalize }
.home-link:hover { color: #000 }
.small-heading { color: #000; font-size: 18px; font-weight: bold; padding-bottom: 10px; border-bottom: 2px solid #f7f7f7; margin-bottom: 15px; font-family:  Raleway, sans-serif !important; text-transform: uppercase }
.small-heading.for-home { margin: 0px -20px 15px -20px; color: #fff; padding: 12px 20px !important;  }
.very-gray-text { color: #bdc3c7 !important;  }
.palette { background-color: #ecf0f1; padding: 40px; margin-bottom: 50px; border-top: 5px solid #95a5a6; border-bottom: 1px solid #bdc3c7 }
.smalltext { font-size: 12px }
.search { margin-top: 10px !important; border: 1px solid #71C5EF !important; cursor: pointer; }
.footer { padding: 20px 0; }
.footer-links b { zoom: 90%; margin-bottom: 10px; color: #fff; opacity: 0.5; display: block }
.footer-links a { color: #ECF0F1; display: block; }
.footer-links a:hover { text-decoration: none; color: #000 }
.footer-links .white { color: #ECF0F1; }
.spacer { padding-top: 10px }
.spacer-min { padding-top: 5px }
.content .header { zoom: 80% }
.sponsors img { height: 75px; margin: 5px; background-color: #fff; padding: 5px; border-radius: 5px }
.sponsors a { display: inline-block !important; }
.copyright-bar { padding: 10px; color: #ECF0F1; }
.large-home-text { color: #fff; display: block; font-size: 32px }

.more-line-height { line-height: 1.6 }
.content-area { padding: 40px; clear: both; min-height: 430px; background-color: #fff; }
.content-area p { line-height: 1.7 !important; margin: 0 0 25px 0; padding-right: 40px; }
.four-boxes p { line-height: 1.4 !important; font-size: 16px; margin-bottom: 10px !important; text-align: center }
.hidden { display: none !important; }
.round { border-radius: 30px !important; }
.content-area ul { list-style-position: inside; margin: 5px 0 }
ul.related-links { margin: 10px 0 30px 0; padding:0; color: #e4e4e4; list-style: none !important; }
ul.related-links li { padding: 10px; font-size: 15px; font-family: Rubik, sans-serif !important; line-height: 1 !important; background-color: #2A3D8B; list-style: none !important; margin: 0 0 1px 0 !important; }
ul.related-links li:hover { background-color: #54C4EB; }
ul.related-links li a { color: #ffffff }
.ui.card { margin-bottom: 20px !important; }
ul li { list-style: square; list-style-position: outside; margin-left: 20px; line-height: 1.5 !important; margin-bottom: 12px !important; }
.members a { display: block; margin-bottom: 8px }
.for-footer { height: 275px }
.for-footer ul {  padding: 0;  margin: 0; }
.for-footer ul li {  padding: 0 !important; line-height: 1.2 !important;  font-weight: normal; }
.float-right { float: right; }
.clear-float { clear: both; }

.menu-bar-mobile a { display: block; background-color: #fff; width: 100%;
    padding: 10px; border-bottom: 1px solid #f7f7f7 }
b.main {  background: #2980b9; color: #fff; padding: 10px; display: block }

ul.main, ul.sub { margin: 0 !important; padding: 0 !important; }
ul.main li, ul.sub li { list-style: none; margin: 0 !important; }
ul.main li a, ul.sub li a { font-size: 13px }
ul.sub { display: none; position: absolute; margin-left: -20px !important; padding: 10px 0 !important; }
ul.sub li { text-align: left; padding: 5px 30px 5px 20px; border-left: 5px solid transparent }
ul.sub li:hover { border-left: 5px solid #fff }
ul.sub li a { display: block; z-index: 1999 !important; }
ul.main li:hover ul { display: block }
.profile-summary b { font-size: 18px; font-family: Raleway; }

@media print {
    body { background: $fff }
}