#wb_header { height: 271px; }
#wb_header > .wb_cont_bg { background-color: #ffffff; }
#wb_header > .wb_cont_bg:before { background: transparent none repeat scroll left top; }
#wb_main { height: 587px; padding-bottom: 60px; padding-top: 271px; }
#wb_main > .wb_cont_bg { background-color: transparent; }
#wb_main > .wb_cont_bg:before { background: transparent none repeat-x scroll left top; }
#wb_footer { height: 80px; }
#wb_footer > .wb_cont_bg { background-color: transparent; }
#wb_footer > .wb_cont_bg:before { background: transparent url("https://telecoms.uj.ac.za/css/gallery/vintage_footer.jpg") repeat scroll left top; }
html { scroll-behavior: smooth; }
body { background-color: transparent; }
body.site:before { background: transparent none repeat-x scroll center top; background-size: auto auto; opacity: 1; }
.wb_sbg { background: transparent none repeat-x center bottom; }
body, .wb_sbg { min-width: 1200px; min-height: 488px; }
.wb_cont_inner { width: 1200px; }
.wb_cont_bg { width: 1200px; margin-left: -600px; }
.root { height: 667px; min-height: 488px; }
#wb_element_instance19 { top: 23px; left: 530px; min-width: 600px; width: 600px; min-height: 96px; height: 96px; display: block; z-index: 412; }
#wb_element_instance20 { top: 5px; left: 110px; min-width: 133px; width: 133px; min-height: 151px; height: 151px; display: block; z-index: 414; }
#wb_element_instance20 img { width: 133px; height: 151px; display: block; position: static; left: 0px; top: 0px; }
#wb_element_instance21 { top: 190px; left: 0px; min-width: 1200px; width: 1200px; min-height: 52px; height: 52px; display: block; z-index: 615; }
#wb_element_instance21 > ul { display: block; }
#wb_element_instance21 ul { background: transparent none repeat right top; border: 1px none #000000; }
#wb_element_instance21, #wb_element_instance21 ul { text-align: center; }
#wb_element_instance21 ul ul { background: #ffffff none repeat right top; }
#wb_element_instance21 li { margin: 0px 20px 0px 20px; }
#wb_element_instance21 li a { text-transform: none; border-top: 2px solid #000000; border-right: 0px none #000000; border-bottom: 2px solid #000000; border-left: 0px none #000000; padding: 15px 15px 15px 15px; font: normal normal 16px 'Comfortaa',Arial,display; text-decoration: none; color: #000000; line-height: 18px; background: transparent none no-repeat center top; }
#wb_element_instance21 li.over > a, #wb_element_instance21 li:focus > a { border-top: 2px solid #000000; border-right: 0px none #000000; border-bottom: 2px solid #000000; border-left: 0px none #000000; font: normal normal 16px 'Comfortaa',Arial,display; text-decoration: none; color: #000000; line-height: 18px; background: #ffe9e0 none no-repeat center top; }
#wb_element_instance21 li.active > a { border-top: 2px solid #000000; border-right: 0px none #000000; border-bottom: 2px solid #000000; border-left: 0px none #000000; font: normal normal 16px 'Comfortaa',Arial,display; text-decoration: none; color: #000000; line-height: 18px; background: #f26b35 none no-repeat center center; }
#wb_element_instance21:not(.collapse-expanded) .vmenu ul.open-left,#wb_element_instance21:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; }
#wb_element_instance21:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; }
#wb_element_instance22 { top: 10px; left: 240px; min-width: 192px; width: 192px; min-height: 151px; height: 151px; display: block; z-index: 416; }
#wb_element_instance22 img { width: 192px; height: 151px; display: block; position: static; left: 0px; top: 0px; }
#wb_element_instance23 { top: 30px; left: 30px; min-width: 246px; width: 246px; min-height: 24px; height: 24px; display: block; z-index: 433; }
#wb_element_instance24 { top: 30px; left: 980px; min-width: 100px; width: 100px; min-height: 45px; height: 45px; display: block; z-index: 434; }
#wb_element_instance24 img { width: 100px; height: 45px; display: block; position: static; left: 0px; top: 0px; }
#wb_element_instance25 { top: 230px; left: 30px; min-width: 1140px; width: 1140px; min-height: 24px; height: 24px; display: none; z-index: 74; }
#wb_element_instance26 { top: 80px; left: 20px; min-width: 870px; width: 870px; min-height: 24px; height: 24px; display: none; z-index: 75; }
#wb_element_instance27 form .form-area-field { height: 196px; }
#wb_element_instance27 { top: 380px; left: 470px; min-width: 700px; width: 700px; min-height: 200px; height: 200px; display: none; z-index: 76; }
#wb_element_instance28 { top: 200px; left: 0px; min-width: 1200px; width: 1200px; min-height: 740px; height: 740px; display: none; z-index: 72; }
#wb_element_instance28 > .wb_shp:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; }
#wb_element_instance28 > .wb_shp { background-color: rgba(255, 255, 255, 1); border: 5px none #C0C0C0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 1200px; height: 740px; }
#wb_element_instance29 { top: 610px; left: 30px; min-width: 1140px; width: 1140px; min-height: 300px; height: 300px; display: none; z-index: 77; }
#wb_element_instance30 { top: 380px; left: 30px; min-width: 300px; width: 300px; min-height: 24px; height: 24px; display: none; z-index: 78; }
#wb_header_bg { background: transparent none repeat-x scroll center top; background-size: auto auto; opacity: 1; background-attachment: scroll; height: 271px; }
#wb_main .wb_cont_outer { top: 271px; }
#wb_sbg_placeholder { height: 271px; }
#wb_element_instance31 { top: 95px; left: 0px; display: block; z-index: 9999; }

#wb_element_instance19 p:last-child { margin-bottom: 0; }
#wb_element_instance19 { opacity: 1; }
#wb_element_instance20 { opacity: 1; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 1px none #000000; box-sizing: border-box; overflow: hidden; }
#wb_element_instance22 { opacity: 1; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 1px none #000000; box-sizing: border-box; overflow: hidden; }
#wb_element_instance23 p:last-child { margin-bottom: 0; }
#wb_element_instance23 { opacity: 1; }
#wb_element_instance24 { opacity: 1; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; box-sizing: border-box; overflow: hidden; }
#wb_element_instance25 p:last-child { margin-bottom: 0; }
#wb_element_instance25 { opacity: 1; }
#wb_element_instance26 p:last-child { margin-bottom: 0; }
#wb_element_instance26 { opacity: 1; }
#wb_element_instance27 form td { text-align: right; }
#wb_element_instance27 form tr.area-row > th { height: 1%; }
#wb_element_instance27 form tr.area-row > td { height: 1%; }
#wb_element_instance27 form tr.form-footer > td { height: 20px; }
#wb_element_instance30 p:last-child { margin-bottom: 0; }
#wb_element_instance30 { opacity: 1; }

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (max-width: 767px) {
}