a,body,header.fixed nav li a,p{
    color:#000
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline
}
b,em,h2,h3,h4,h5,h6,i,p,strong{
    font-weight:400
}
body{
    line-height:1;
    font-size:100%;
    font-family:Avenir_Regular,Arial,Helvetica,sans-serif
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
.clear{
    width:100%;
    height:0;
    overflow:hidden;
    clear:both
}
p{
    margin-bottom:23px;
    line-height:175%;
    font-family:Avenir_Regular,Helvetic,Arial;
    font-size:15px
}
h2,h3,h4,h5,h6{
    font-size:40px
}
a{
    text-decoration:none!important;
    outline:0!important
}
a:hover{
    text-decoration:none
}
h2,h3,h4,h5,h6{
    font-family:Avenir_Bold,Helvetic,Arial;
    color:#000;
    line-height:100%
}
h3{
    font-size:30px;
    font-family:Avenir_Regular,Arial,sans-serif
}
h4{
    font-size:18px
}
h5,h6{
    font-size:16px
}
b,strong{
    font-family:Avenir_DemiBold,Helvetic,Arial
}
em,i{
    font-family:Avenir_Italic,Helvetic,Arial;
    font-style:normal
}
.container{
    margin:auto;
    width:100%
}
.container.full{
    margin:auto;
    width:auto;
    max-width:1366px
}
.container.l0{
    width:1246px
}
.container.l1{
    width:930px
}
.container.l11{
    width:770px
}
.container.l2{
    width:614px
}
#page{
    overflow-x:hidden;
    width:100%
}
header{
    position:absolute;
    z-index:150;
    top:0;
    left:0;
    width:100%;
    -webkit-transition:.5s all ease;
    transition:.5s all ease
}
header .left{
    float:left
}
header .right{
    float:right;
    width:65%;
    margin-top:45px
}
header h1{
    margin:45px 0 20px;
    text-indent:-9999px
}
header.fixed .right,header.fixed h1{
    margin-top:20px
}
header .logo,header h1 a{
    width:284px;
    height:63px;
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../img/logo_white.png) center no-repeat;
    background-size:100%
}
header.in,header.out{
    position:fixed;
    width:100%;
    left:0
}
header.fixed{
    top:-100px;
    background:#fff
}
header.in{
    top:0
}
header.out{
    top:-100px
}
header.fixed h1 a{
    background-image:url(../img/logo_colour.png);
    width:221px;
    height:61px
}
.respMenu{
    display:none
}
header nav{
    float:left;
    width: 76%;
    /*width:62%; margin-left: 14%;*/
}
header nav ul{
    margin-top:30px
}
header nav li{
    float:left;
    margin-right:45px
}
header nav li:first-child{
    margin-left:0
}
header nav li a{
    display:block;
    padding-bottom:36px;
    position:relative;
    font-family:Avenir_DemiBold,Helvetic,Arial;
    font-size:15px;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    -webkit-transition:.6s all ease;
    -moz-transition:.6s all ease;
    transition:.6s all ease
}
header nav li a:hover{
    color:#f07d23
}
header nav>ul>li>ul.sub-menu{
    position:fixed;
    width:100%;
    left:0;
    margin-top:14px;
    display:none;
    text-align:center;
    padding-left:0
}
header nav>ul>li>ul.sub-menu li{
    display:inline-block;
    vertical-align:middle;
    float:none;
        position: relative;
}
header nav>ul>li>ul.sub-menu a{
    font-size:14px;
    font-family:Avenir_Regular,Arial,Helvetica,sans-serif;
    word-wrap:normal;
    color:#fff;
    padding-bottom:12px;
    border-bottom:7px #006da3 solid;
    -webkit-font-smoothing:antialiased;
    -webkit-transition:.4s ease all;
    -moz-transition:.4s ease all;
    transition:.4s ease all
}
#navigation .container,#navigation .peopleWrapper{
    -webkit-transition:.8s all ease;
    -moz-transition:.8s all ease
}
header nav>ul>li>ul.sub-menu a:hover{
    border-color:#f07d23
}
header nav>ul>li#menu-item-30>ul.sub-menu li:first-child{
    margin-left:270px
}
header nav>ul>li>ul.sub-menu ul {
	position: absolute;
	    top: 100%;
	    left: -50px;
	width: 250px;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	    background: #084e7f;
	    opacity: 0;
	    visibility: hidden;
}

header nav>ul>li>ul.sub-menu ul:before {
	content: "";
    display: none;
    width: 100%;
    height: 9px;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    background: #fff url(../img/icon_nav_active.png) center no-repeat;
    
}

header nav>ul>li#menu-item-30>ul.sub-menu ul li:first-child {
	margin-left: 0;
}

header nav>ul>li>ul.sub-menu ul li {
	display: block;
	margin: 0;
}

header nav>ul>li>ul.sub-menu ul li a {
	border: none !important;
    padding: 10px 0;
    -webkit-font-smoothing:antialiased;
    -webkit-transition:.4s ease all;
    -moz-transition:.4s ease all;
    transition:.4s ease all;
}
header nav>ul>li>ul.sub-menu ul li a:hover {
	color: #f57e29;
}

header nav>ul>li.current-menu-ancestor>ul.sub-menu,header nav>ul>li.current-menu-item>ul.sub-menu,header nav>ul>li.current_page_item>ul.sub-menu{
    display:block
}
header nav li.current-menu-ancestor>a,header nav li.current-menu-item>a,header nav li.current_page_item>a{
    color:#f07d23
}
header nav li.current-menu-ancestor>a:after,header nav li.current-menu-item>a:after,header nav li.current_page_item>a:after{
    content:"";
    display:block;
    width:20px;
    height:9px;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-10px;
    background:url(../img/icon_nav_active.png) center no-repeat
}
#page.load header nav>ul>li>ul.sub-menu li.current_page_item a{
    border-bottom:7px #f27e35 solid
}
#page.load header nav>ul>li>ul.sub-menu li.current_page_item:hover ul {
	opacity: 1; 
	visibility: visible;
}
header .search{
    width:23%;
    height:53px;
    border-left:2px #fff solid;
    margin-top:10px;
    float:left;
    position:relative;
    box-sizing:border-box
}
header .search .wrapper{
    width:150px;
    position:relative;
    margin-left:38px;
    margin-top:9px
}
#navigation .peopleWrapper li:first-child,#navigation nav li,#navigation nav li:first-child{
    margin-top:0
}
header .search input[type=text]{
    padding-left:0;
    color:#fff;
    width:80%;
    padding-bottom:3px;
    font-family:Avenir_DemiBold,Helvetic,Arial;
    font-size:16px;
    border:none;
    border-bottom:2px #fff solid
}
header .search button[type=submit]{
    position:absolute;
    top:5px;
    right:3px;
    width:27px;
    height:27px;
    border:none;
    background:0 0;
    color:#fff;
    font-size:24px;
    outline:0
}
header.fixed .search{
    border-color:#f0f0f0
}
header.fixed .search input[type=text]{
    border-color:#000;
    color:#999
}
#notice{
	position: relative;
	padding: 10px 0;
	background: #f57e29;
	text-align: center;
}
#notice p a{
color: #fff;
	display: block;
		opacity: 1;
    transition:.5s all ease;
}
#notice p a:hover{
		opacity: 0.8;
}
#notice a.closeNotice{
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 15px;
	right: 20px;
	background: url(../img/icon_close.png) no-repeat center;
	background-size: 100%;
}
#notice p{
	font-size: 16px;
	color: #fff;
	margin: 0;
}
#page.has_notice header{

}
#navigation nav li a,#navigation nav li ul li:last-child a{
    border-bottom:1px #006da3 solid
}
header.fixed .search button[type=submit]{
    color:#000
}
#navigation{
    position:fixed;
    top:55px;
    left:0;
    width:100%;
    height:calc(100% - 55px);
    overflow:auto;
    opacity:0;
    background:#084e7f;
    visibility:hidden;
    z-index:1001
}
#page.has_notice #navigation{
	top: 92px;
}
#navigation .container{
    position:relative;
    left:0;
    height:100%;
    width:100%!important;
    padding:0;
    display:table;
    z-index:2;
    transition:.8s all ease
}
#navigation .inner{
    position:relative;
    height:100%;
    display:table-cell;
    vertical-align:top;
    padding:10px 0 30px
}
#navigation nav{
    float:none;
    width:100%
}
#navigation nav ul{
    float:none;
    padding-top:0
}
#navigation nav li{
    float:none;
    margin-left:0;
    text-align:center;
    max-width:inherit
}
#navigation nav li a{
    color:#fff;
    font-size:18px;
    display:block;
    padding:14px 30px;
    text-align:left;
    font-family:Avenir_DemiBold,Arial,sans-serif;
    font-weight:700;
    -webkit-transition:.5s ease all;
    transition:.5s ease all
}
#navigation nav li.menu-item-has-children>a:active{
    background:#084e7f;
    outline:0
}
#navigation nav li ul li.current_page_item a{
    color:#f07d23!important
}
#navigation nav li ul{
    display:block
}
#navigation nav li ul li a{
    font-size:14px;
    font-weight:400;
    border-bottom:none;
    font-family:Avenir_Regular,Arial,Helvetica,sans-serif
}
#navigation nav li a br{
    display:none
}
#navigation nav li ul li a,#navigation nav li.current_page_item ul li a{
    color:#fff
}
#navigation nav li.menu-item-has-children a{
    border-bottom:none
}
#navigation nav li.menu-item-has-children>a{
    padding-bottom:10px
}
#navigation nav li.menu-item-has-children>a:after{
    display:inline-block;
    margin-left:7px;
    font-family:Ionicons;
    content:"\f3d1";
    position:relative;
    top:1px;
    font-size:17px
}
#navigation .peopleWrapper{
    position:fixed;
    overflow:auto;
    height:calc(100% - 55px);
    width:100%;
    background:#084e7f;
    top:55px;
    left:100%;
    z-index:3;
    transition:.8s all ease
}
#navigation.openPeople,.scientific{
    overflow:hidden
}
#navigation .peopleWrapper a.back{
    display:block;
    margin-bottom:0;
    padding:0;
    position:fixed;
    top:0;
    right:-55px;
    width:13.5%;
    height:55px;
    line-height:55px;
    text-align:center;
    z-index:9999;
    background:#084e7f;
    -webkit-transition:.8s all ease;
    -moz-transition:.8s all ease;
    transition:.8s all ease
}
#navigation .peopleWrapper a.back:after{
    color:#fff;
    font-size:25px;
    font-family:Ionicons;
    content:"\f124"
}
.linkTo:after,.profiles h3 span:before,.title h2:after,a.viewMore:after,main.about .research .location p a:after,main.home #action .links ul li a:after,main.research p a:after{
    content:""
}
#navigation.openPeople .container,#navigation.openPeople .peopleWrapper{
    left:0
}
#navigation.openPeople .peopleWrapper a.back{
    right:0
}
#navigation .peopleWrapper ul{
    float:none;
    padding-top:0
}
#navigation .peopleWrapper li{
    float:none;
    margin-left:0;
    text-align:center;
    max-width:inherit;
    margin-top:0
}
#navigation .peopleWrapper li a{
    color:#fff;
    font-size:18px;
    display:block;
    padding:14px 30px;
    text-align:left;
    border-bottom:1px #006da3 solid;
    font-family:Avenir_DemiBold,Arial,sans-serif;
    font-weight:700;
    -webkit-transition:.5s ease all;
    transition:.5s ease all
}
a.viewMore,main.about .research .location p a{
    -webkit-transition:.4s all ease;
    -moz-transition:.4s all ease
}
#page.sticky #navigation{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:99999
}
#page.menu #navigation{
    visibility:visible;
    opacity:1
}
#spacer{
    position:relative;
    width:100%;
    height:90px
}
#subNavigation{
    background:#084e7f;
    position:fixed;
    top:101px;
    width:100%;
    height:40px;
    z-index:149;
    border-bottom:7px #006da3 solid
}
#page.has_notice #subNavigation{
	top: 149px;
}
main{
    position:relative;
    z-index:70;
    background:#fff
}
main.page{
    padding-top:148px
}
main .content{
    padding:70px 0;
    position:relative
}
main .content span.arrow{
    position:absolute;
    bottom:-16px;
    left:50%;
    margin-left:-16px;
    z-index:1000;
    width:31px;
    height:16px;
    background:url(../img/icon_arrow_down_white.png) no-repeat
}
.title,.title h2{
    position:relative
}
main h3{
    margin-bottom:30px
}
.title{
    text-align:left
}
.title h2{
    font-size:55px;
    display:inline-block;
    margin-bottom:35px
}
.title h2:after{
    display:block;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#f27e35;
    position:absolute;
    bottom:2px;
    right:-22px
}
.title p{
    font-size:24px;
    margin-bottom:0;
    line-height:120%
}
main .imageBreaker{
    position:relative;
    z-index: 6;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}

main.vukuzazi .imageBreaker{

}

main .highlight-wrapper {
    z-index: 7;
    position: relative;
}
main .highlight-wrapper .highlight{
    background:#ecf5f7;
    padding:20px 30px;
    margin:0px 0 60px;
    z-index: 5;
    position: relative;
}
main .highlight-wrapper .highlight p{
    font-family: Avenir_Bold,Helvetic,Arial;
    font-size:16px;
    margin:0;
    line-height:150%;
}


main .imageBreaker img{
    display:block;
    max-width:100%;
    position: relative;
    z-index: 5;
    width:100%
}
main .imageBreaker div.circle{
    display:block;
    position:absolute;
    top:-120px;
    right:5%;
    z-index: 4;
    width: 262px;
    height: 262px;
}

main .col.first,main .col.second{
    float:left;
    width:49%
}
main .col.second{
    float:right
}
.searchBarWrapper{
    position:relative;
    margin-bottom:25px
}
.searchBarWrapper .inner{
    position:relative;
    padding:0
}
.searchBarWrapper input[type=text]{
    display:block;
    position:relative;
    height:52px;
    padding:8px;
    font-size:13px;
    background:#fff;
    font-family:customfont,Helvetic,Arial;
    width:100%;
    color:#000;
    border:0;
    outline:0
}
.searchBarWrapper input[type=submit]{
    position:absolute;
    top:0;
    right:0;
    height:52px;
    width:35px;
    border:0;
    background:url(../img/icon_search.png) center no-repeat #fff
}
.gradient{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    z-index:10
}
.intro{
    padding:60px 0;
    background:#fff
}
.intro .title{
    margin-bottom:0
}
.intro .title h2{
    margin-bottom:30px
}
#hero .caption h2,.intro.top p{
    margin-bottom:0;
    -webkit-font-smoothing:antialiased
}
.intro p{
    font-size:24px
}
.intro.top p{
    font-size:30px;
    line-height:110%
}



.bg{
    background:#f8f8f9
}
a.viewMore{
    display:inline-block;
    position:relative;
    border-bottom:2px #f57e29 solid;
    padding-bottom:3px;
    font-family:Avenir_Regular,Helvetic,Arial;
    font-size:14px;
    transition:.4s all ease
}
a.viewMore:after{
    height:0;
    width:100%;
    opacity:1;
    position:absolute;
    bottom:-2px;
    left:0;
    background:#084e7f;
    -webkit-transition:.3s all ease;
    -moz-transition:.3s all ease;
    transition:.3s all ease
}
a.viewMore:hover{
    color:#f27e35;
    border-color:transparent
}
.decalWrapper{
    position:absolute;
    width:262px;
    height:262px;
    -webkit-transition:1s ease all;
    -moz-transition:1s ease all;
    transition:1s ease all
}

.decalWrapper .ring{
    border:3px solid #f27e35;
    border-radius:50%;
    position:absolute;
    width:100%;
    height:100%;
}
.decalWrapper.in .ring{
    -webkit-transition:1.2s ease all;
    -moz-transition:1.2s ease all;
    transition:1.2s ease all
}

.linkTo,.linkTo:after{
    -webkit-transition:.5s all ease
}
.decalWrapper .ring.d1,.decalWrapper .ring.d2,.decalWrapper .ring.d3{
    top:0;
    right:0
}
.decalWrapper.in .ring.d1{
    top:-15px;
    right:-20px
}
.decalWrapper.in .ring.d2{
    top:8px;
    right:-19px
}
.decalWrapper.in .ring.d3{
    right:1px;
    top:-3px
}
.decal{
    background:url(../img/decal.png) center no-repeat;
    position:absolute;
    width:268px;
    height:268px;
    display:none;
    left:0!important;
    top:0!important
}
.decal.change{
    background-image:url(../img/decal2.png)
}
.decal.half{
    width:233px;
    height:69px;
    background-image:url(../img/decal3.png)
}
.linkTo{
    display:inline-block;
    padding:15px 70px 13px 20px;
    color:#fff;
    font-size:13px;
    letter-spacing:2px;
    font-family:Avenir_DemiBold,Helvetic,Arial;
    position:relative;
    text-transform:uppercase;
    background:#084e7f;
    transition:.5s all ease
}
.linkTo:after{
    width:45px;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    background:50% 50% no-repeat #006da3;
    -moz-transition:.5s all ease;
    transition:.5s all ease
}
.linkTo:hover{
    padding-right:77px
}
.linkTo:hover:after{
    width:52px
}
.linkTo.pointRight:after{
    background-image:url(../img/icon_button_right.png)
}
.linkTo.pointRight:hover:after{
    background-position:60% 50%
}
.linkTo.pointBottom:after{
    background-image:url(../img/icon_button_down.png)
}
#hero{
    position:relative;
    background-color:#333;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover
}
#hero .container{
    position:relative;
    height:100%
}
#hero .caption{
    display:block;
    position:absolute;
    bottom:12%;
    left:2%;
    border-left:20px #f57e29 solid;
    padding:10px 0 0 30px
}
#hero .caption h2{
    font-size:45px;
    color:#fff
}
main.home{
    background:#f8f8f9
}
main.home .newsListing article.post{
    width:31.3%
}
main.home #action .search{
    width:43%;
    float:left
}
main.home #action .search .searchForm{
    position:relative
}
main.home #action .search .searchForm input[type=text]{
    background:#fff;
    width:calc(100% - 44px);
    color:#666;
    font-size:16px;
    padding-left:12px
}
main.home #action .search .searchForm input[type=submit]{
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:44px;
    background:url(../img/icon_button_right.png) center no-repeat #c6c6c6;
    border:none;
    -webkit-transition:.5s all ease;
    -moz-transition:.5s all ease;
    transition:.5s all ease
}
main.home #action .search .searchForm input[type=submit]:hover{
    background-color:#000
}
main.home #action{
    padding-top:30px
}
main.home #action .links{
    width:45%;
    float:right
}
main.home #action .links ul li{
    border-top:1px #ccc solid
}
main.home #action .links ul li:first-child{
    border-top:none
}
main.home #action .links ul li a{
    display:block;
    padding:15px 0;
    font-family:Avenir_Regular,Arial,sans-serif;
    font-size:19px;
    color:#000;
    position:relative;
    -webkit-transition:.5s all ease;
    -moz-transition:.5s all ease;
    transition:.5s all ease
}
main.home #action .links ul li a:hover,main.home #featured .info h3 a:hover,main.research p a:hover{
    color:#f27e35
}
main.home #action .links ul li a:after{
    position:absolute;
    top:16px;
    right:25px;
    display:block;
    width:10px;
    height:16px;
    background:url(../img/icon_arrow_right.png) center no-repeat
}
main.home #action .links ul li:first-child a{
    padding-top:7px
}
main.home #action .links ul li:first-child a:after{
    top:8px
}
main.home #action .links ul li.last a{
    padding-bottom:0
}
main.home #featured{
    position:relative;
    padding:100px 0 130px
}
main.home #featured .container{
    position:relative;
    z-index:2
}
main.home #featured .image{
    max-width:614px;
    position:relative;
    z-index:5;
    margin-bottom:180px
}
main.home #featured .image img{
    display:block;
    max-width:100%
}
main.home #featured .info{
    position:absolute;
    bottom:0;
    right:0;
    background:#fff;
    width:52%;
    z-index:10
}
main.home #featured .info .inner{
    padding:35px 0 30px 30px
}
main.home #featured .info h3{
    font-size:18px;
    font-family:Avenir_Medium,Arial,sans-serif;
    margin-bottom:15px
}
main.home #featured .info h3 a{
    -webkit-transition:.5s all ease;
    -moz-transition:.5s all ease;
    transition:.5s all ease
}
main.home #featured .info a.viewMore{
    font-size:15px
}
main.home #featured .spacer{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:63%;
    background:#fff;
    z-index:1
}
main.about .history .container,main.about .info{
    position:relative
}
main.home #featured .decal,main.home #featured .decalWrapper{
    left:49%;
    top:20px;
    z-index:1;
    width:232px;
    height:232px
}
main.about .intro .title{
    margin-bottom:0
}
main.about .info{
    padding:70px 0 200px;
    z-index:1
}
main.about .info .copy{
    float:left;
    width:67%
}
main.about .info .logos{
    float:right;
    width:26%;
    text-align:center;
    padding-top:10px
}
main.about .info .logos a{
    display:block
}
main.about .info .logos img{
    display:block;
    margin:40px auto;
    opacity:1;
    transform:scale(1);
    -webkit-transition:.4s ease all;
    -moz-transition:.4s ease all;
    transition:.4s ease all
}
main.about .info .logos img:first-child{
    margin-top:10px
}
main.about .info .logos a:hover img{
    opacity:.85
}
main.about .info .decal,main.about .info .decalWrapper{
    left:51%;
    margin-left:-145px;
    bottom:-102px;
    width:252px;
    height:252px
}
main.about .info .decalWrapper.in .ring.d1{
    top:-13px
}
main.about .info .decalWrapper.in .ring.d3{
    top:4px;
    right:1px
}
main.about .history{
    position:relative;
    z-index:2;
    padding:100px 0 70px
}
main.about .history img{
    position:absolute;
    right:0;
    top:-225px
}
main.about .history .title{
    width:40%;
    margin-bottom:60px
}
main.about .history .title h2{
    margin-bottom:40px;
    line-height:100%
}
main.about .history .title p{
    line-height:130%
}
main.about .history .copy{
    max-width:715px
}
main.about .history .copy p{
    font-size:16px
}
main.about .history .decal,main.about .history .decalWrapper{
    right:0;
    bottom:-360px;
    width:242px;
    height:242px
}
main.about .history .decalWrapper.in{
    bottom:-270px
}
main.about .history .decalWrapper.in .ring.d1{
    right:1px;
    top:-3px
}
main.about .history .decalWrapper.in .ring.d2{
    top:-15px;
    right:-20px;
    -webkit-transition:.8s ease all;
    -moz-transition:.8s ease all;
    transition:.8s ease all;
    transition-delay:.3s
}
main.about .history .decalWrapper.in .ring.d3{
    top:8px;
    right:-19px;
    -webkit-transition:.8s ease all;
    -moz-transition:.8s ease all;
    transition:.8s ease all;
    transition-delay:.6s
}
main.about .research{
    position:relative;
    background:#fff;
    z-index:3;
    padding:90px 0 200px
}
main.about .research .title{
    max-width:870px;
    margin-bottom:80px
}
main.about .research .location{
    width:47%
}
main.about .research .location.first{
    float:left
}
main.about .research .location.second{
    float:right
}
main.about .research .location .image{
    margin-bottom:40px
}
main.about .research .location .image img{
    display:block;
    max-width:100%
}
main.about .research .location h3{
    font-size:40px;
    font-family:Avenir_Bold,Helvetic,Arial;
    margin-bottom:15px
}
main.about .research .location p{
    line-height:165%
}
main.about .research .location p a{
    position:relative;
    line-height:100%;
    display:inline-block;
    border-bottom:2px #f57e29 solid;
    padding-bottom:0;
    font-family:Avenir_Regular,Helvetic,Arial;
    font-size:16px;
    transition:.4s all ease
}
main.about .research .location p a:after,main.research p a{
    -webkit-transition:.4s all ease;
    -moz-transition:.4s all ease
}
main.about .research .location p a:after{
    height:0;
    width:100%;
    opacity:1;
    position:absolute;
    bottom:-2px;
    left:0;
    background:#084e7f;
    transition:.4s all ease
}
.profiles h3,main.structure .block,main.structure .block .container{
    position:relative
}
.leadership .decal,.leadership .decalWrapper,.scientific .decal,.scientific .decalWrapper{
    bottom:-190px;
    right:0
}
main.about .research .location p a:hover{
    color:#f27e35;
    border-color:transparent
}
main.structure .intro{
    background:0 0;
    padding:80px 0
}
main.structure .intro p{
    margin-bottom:0;
    line-height:120%
}
main.structure .block .intro .title h2{
    font-size:40px;
    margin-bottom:25px
}
.profiles{
    padding:60px 0 80px;
    border-top:1px #ccc solid
}
.profiles h3{
    margin-bottom:60px;
    margin-left:18%
}
.profiles h3 span{
    display:block;
    position:absolute;
    top:50%;
    left:-21%;
    width:18%;
    height:2px;
    text-align:right
}
.profiles h3 span:before{
    display:block;
    height:2px;
    width:75px;
    margin:-1px 0 0 auto;
    background:#f57e29
}
.profiles .profile{
    position:relative;
    margin-bottom:70px;
    float:left;
    width:50%
}

.directors .profiles .profile:nth-child(2n+1){
    clear:both;
}

.profiles .profile .image{
    margin-bottom:20px
}
.profiles .profile .image img{
    border-radius:50%;
    display:block
}
.profiles .profile .info{
    padding-right:60px
}
.profiles .profile .info p{
    margin-bottom:0;
    line-height:135%;
    font-size:16px
}
.profiles .profile .info p.name{
    font-family:Avenir_Medium,Arial,sans-serif;
    font-size:18px;
    margin-bottom:10px;
    line-height:100%
}
.profiles .profile .info p.position{
    margin-bottom:8px;
    display:none
}
.profiles .profile.featured .info p.position,.profiles .profile.full .info p.position{
    display:block
}
.profiles .profile.full{
    width:100%;
    float:none;
    margin-bottom:45px
}
.profiles .profile.full .image{
    width:15%;
    float:left
}
.profiles .profile.full .info{
    width:82%;
    float:right;
    padding-top:5px;
    padding-right:0;
    box-sizing:border-box
}
.profiles .profile.full .info p.name{
    margin-bottom:0
}
.profiles .profile.featured{
    margin-bottom:100px
}
.profiles .profile.featured .info p.name,main.research .info p{
    margin-bottom:0
}
.leadership .decalWrapper .ring.d2{
    transition-delay:.3s
}
.leadership .decalWrapper .ring.d3{
    transition-delay:.6s
}
.directors{
    z-index:2
}
.scientific{
    z-index:3
}
.scientific .profiles{
    padding-bottom:200px
}
main.research .info{
    padding:80px 0 90px;
    position:relative;
    z-index:1
}
main.research p{
    line-height:155%
}
main.research p a{
    position:relative;
    display:inline-block;
    line-height:100%;
    border-bottom:2px #f57e29 solid;
    padding-bottom:0;
    font-family:Avenir_Regular,Helvetic,Arial;
    font-size:16px;
    transition:.4s all ease
}
#careers .message p a,main.research p a:after{
    -webkit-transition:.4s all ease;
    -moz-transition:.4s all ease
}
main.research p a:after{
    height:0;
    width:100%;
    opacity:1;
    position:absolute;
    bottom:-2px;
    left:0;
    background:#084e7f;
    transition:.4s all ease
}
main.research p a:hover{
    border-color:transparent
}
main.research .departments{
    padding:50px 0 130px
}
main.research .departments .intro{
    background:0 0;
    margin-bottom:30px
}
main.research .departments .intro p{
    max-width:840px;
    line-height:130%
}
main.research .departments .department{
    position:relative;
    border-bottom:1px #ccc solid;
    margin-bottom:90px;
    padding-bottom:60px
}
main.research .departments .department.last{
    margin-bottom:0;
    border-bottom:none
}
main.research .departments .department img.featuredImage{
    display:block;
    max-width:100%;
    margin-bottom:50px
}
main.research .departments .department h3{
    position:relative;
    margin-left:13%;
    margin-bottom:40px;
    font-size:30px;
    font-family:Avenir_Regular,Arial,Helvetica,sans-serif
}
#careers .position a.viewMore,#careers .position h3 a,main.research .departments .department aside .inner span.title{
    font-family:Avenir_Medium,Arial,sans-serif
}
main.research .departments .department h3 span{
    display:block;
    position:absolute;
    top:50%;
    left:-21%;
    width:18%;
    height:2px;
    text-align:right
}
#infscr-loading,#pagination,.btn,.chromeframe{
    text-align:center
}
main.research .departments .department h3 span:before{
    content:"";
    display:block;
    height:3px;
    width:75px;
    margin:-1px 0 0 auto;
    background:#f57e29
}
main.research .departments .department .details{
    position:relative
}
main.research .departments .department .details .decal,main.research .departments .department .details .decalWrapper{
    right:30px;
    bottom:50px;
    width:232px;
    height:232px;
    -webkit-transition:1s ease all;
    -moz-transition:1s ease all;
    transition:1s ease all
}
main.research .departments .department .details .decalWrapper.in{
    bottom:-10px
}
main.research .departments .department .details .decalWrapper.in .ring.d1{
    top:-18px;
    right:-14px;
    transition-delay:.3s
}
main.research .departments .department .details .decalWrapper.in .ring.d2{
    top:-13px;
    right:1px;
    transition-delay:.2s
}
main.research .departments .department .details .decalWrapper.in .ring.d3{
    top:0;
    right:0
}
main.research .departments .department .copy{
    float:left;
    width:66%;
    position:relative;
    z-index:5
}
main.research .departments .department aside{
    float:right;
    width:32%;
    background:#ecf5f7;
    position:relative;
    z-index:5;
    margin-bottom:40px
}
#careers .details p a:after,#careers .message p a:after{
    content:"";
    height:0;
    width:100%;
    bottom:-2px;
    left:0;
    background:#084e7f;
    opacity:1
}
main.research .departments .department aside .inner{
    padding:33px 20px 35px
}
main.research .departments .department aside .inner span.title{
    display:block;
    font-size:22px;
    margin-bottom:15px
}
main.research .departments .department aside .inner p{
    line-height:160%;
    margin-bottom:30px
}


main.research.vukuzazi .info{

}

main.research.vukuzazi .info p{
    margin-bottom:30px;
}

main.research.vukuzazi .info p img{
    margin:30px 0;
}



main.research.vukuzazi .info .embed-container-wrap{width: 100%; max-width:720px;margin:70px auto; display:block;}
main.research.vukuzazi .info .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; max-width:100%;} 
main.research.vukuzazi .info .embed-container iframe, 
main.research.vukuzazi .info .embed-container object, 
main.research.vukuzazi .info .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



main.research.vukuzazi .info .gallery{
    margin:60px -5%!important;
    padding:0 2.5%!important;
}

main.research.vukuzazi .info .gallery .gallery-item {
    width:45%!important;
    margin:0 2.5% 50px!important;
}
main.research.vukuzazi .info .gallery .gallery-item img{
    border:none!important;
}

main.research.vukuzazi .info blockquote{
    background: url(../img/research/quote.svg) top left 60px no-repeat;
    padding-left:140px;
    border:none;
}

main.research.vukuzazi .info blockquote p{
    font-size: 22px;
    line-height: 1.5;
    color: #0f4f7d;
    margin-bottom:20px;
}

main.research.vukuzazi .info blockquote + p{
    font-family: 'Avenir_Medium';
    font-size: 12px;
    line-height: 2.17;
    letter-spacing: 0.5px;
    color: #0f4f7d;
    text-transform: uppercase;
    padding-left:140px;
}

#reports {}
#reports .title {margin-bottom: 70px;}
#reports .list {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
#reports .list .report{position: relative; flex: 1 1 50%; margin-bottom: 80px;}
#reports .list .report.fourcol {flex: 1 1 25%; }
#reports .list .report.fivecol {flex: 1 1 20%;     max-width: 186px;}
#reports .list .report .image {margin-bottom: 30px;}
#reports .list .report .image a {display: block;}
#reports .list .report .image img{display: block; max-width: 100%; opacity: 1; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#reports .list .report .image a:hover img{opacity: 0.7}
#reports .list .report .meta {max-width: 340px;}
#reports .list .report .meta h4{font-size: 15px; margin-bottom: 20px; font-family: Avenir_Bold,Helvetic,Arial!important; -webkit-font-smoothing: antialiased;}
#reports .list .report .meta p {font-size: 15px!important; font-family: Avenir_Book,Helvetic,Arial!important;}
#reports .list .report .meta a.downloadPDF {display: inline-block; padding-bottom: 3px; border-bottom: 1px #f07e3f solid; font-size: 15px!important; font-family: Avenir_Book,Helvetic,Arial!important; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#reports .list .report .meta a.downloadPDF:hover {color: #f07e3f;}

#reports.programme .list .report.hide {display: none;}
#reports.programme .list .report .meta h4 {font-size: 18px;     max-width: 95%;}
#reports.programme .list .report .meta h4.small {font-size: 15px; line-height: 115%; max-width: 90%;}

#reports.programme .title:after {content: ""; display: block; clear: both;}

#reports.programme .title.top {    border-bottom: 1px #ccc solid;}
#reports.programme .title.top h2{    margin-bottom: 60px;}
#reports.programme .title.top h2:after {    right: 5px;}

#reports.programme h3 {    margin-left: 11%; margin-bottom: 60px; position: relative;}
#reports.programme h3 span{
    display:block;
    position:absolute;
    top:50%;
    left:-21%;
    width:18%;
    height:2px;
    text-align:right
}
#reports.programme h3 span:before { content: "";  display: block;
    height: 2px;
    width: 75px;
    margin: -1px 0 0 auto;
    background: #f57e29;}

#reports.programme .title .filter {position: absolute;
    /* float: right; */
    margin-top: 0;
    top: -5px;
    right: 0;}
#reports.programme .title .filter select{display: block; width: 240px; padding: 4px 8px; appearance: none; background: #fff; color: #000; }
#reports.programme .title .filter:after{content: ""; display: block; width: 11px; height: 9px; background: url(../img/icon_dropdown_black.png); position: absolute; top: 10px; right: 5px;}
#reports.programme .title h2.small {font-size: 45px;}

#reports.programme .list .report.multi .image {max-width: 90%;}
#reports.programme .list .report.multi .image img {max-width: 167px;}

#careers{
    padding:70px 0 100px
}
#careers .details{
    margin-bottom:50px
}

#careers .details .action {
    background:#ecf5f7;
    position:relative;
    z-index:5;
    margin-bottom:40px
}
#careers .details .action .inner{
    padding:33px 30px 35px
}
#careers .details .action .inner span.title{
    display:block;
    font-size:22px;
    margin-bottom:30px;
	font-family: Avenir_Medium,Arial,sans-serif;
}
#careers .details .action .inner p{
    line-height:160%;
    margin-bottom:30px
}

#careers .details .action .inner .linkTo:after {
	    background-image: url(../img/icon_button_right.png);
}

#careers .details ul {
    margin-left: 20px;
    margin-bottom: 25px;	
}

#careers .details ul li{
    margin-top:13px;
    font-size:15px;
    padding-left:20px;
    line-height:145%;
    background:url(../img/icon_list.gif) 0 9px no-repeat
}
#careers .details ul li:first-child{
    margin-top:0
}

#careers .position{
    padding-bottom:40px;
    margin-bottom:45px;
    border-bottom:1px #ccc solid
}
#careers .position h3{
    margin-bottom:8px;
    font-size:22px
}
#careers .position h3 a{
    font-size:22px;
    -webkit-transition:.5s all ease;
    -moz-transition:.5s all ease;
    transition:.5s all ease
}
#careers .position h3 a:hover{
    color:#f07d23
}
#careers .position p{
    font-size:16px;
    line-height:140%
}
#careers .position p.listingDetails{
    margin-bottom:15px;
    text-transform:uppercase;
    font-size:14px
}

#careers .position p.listingDetails span{
    margin:0 3px
}
#careers .position p.listingDetails span.category{
    margin-left:0
}
#careers .position.tender {
    border-color: #E6E6E6;
}
#careers .position.tender:first-of-type {
    margin-top: 55px;
}
#careers .position.tender p.listingDetails {
    margin-bottom: 5px;
    font-family:Avenir_Medium,Arial,sans-serif;
    color: #4E4E4E;
}
#careers .position.tender p.listingDetails  span {
    margin: 0;
}
#careers .position.tender .main {
    display: flex;
    justify-content: space-between;
}
#careers .position.tender .main h3 {
    max-width: 600px;
    line-height: 160%;
    font-size: 20px;
}

#careers .position.tender a.button {
    display: flex;
    width: 105px;
    height: 39px;
    align-items: center;
    justify-content: center;
    border: 1px #E6E6E6 solid;
    line-height: 100%;
    padding: 0;
    margin-right: 40px;
}
#careers .position.empty {
    border: 1px #f57e29 solid;
    padding: 30px 0;
    text-align: center;
}
#careers .position.empty span {
    color: #f57e29;
}
#careers .position a.button:hover {
    border-color: #f57e29;
}
#careers .position a.button:after {
    display: none;
}
#careers .details p a,#careers .message p a{
    display:inline-block;
    line-height:100%;
    padding-bottom:0;
    font-family:Avenir_Regular,Helvetic,Arial;
    font-size:16px
}
#careers .message p a{
    position:relative;
    border-bottom:2px #f57e29 solid;
    transition:.4s all ease
}
#careers .details p a,#careers .message p a:after{
    -webkit-transition:.4s all ease;
    -moz-transition:.4s all ease
}
#careers .message p a:after{
    position:absolute;
    transition:.4s all ease
}
#careers .message p a:hover{
    color:#f27e35;
    border-color:transparent
}
#careers .details p a{
    position:relative;
    border-bottom:2px #f57e29 solid;
    transition:.4s all ease
}
#careers .details p a:after{
    position:absolute;
    -webkit-transition:.4s all ease;
    -moz-transition:.4s all ease;
    transition:.4s all ease
}
#careers .details p a:hover{
    color:#f27e35;
    border-color:transparent
}
main.career #details{
    padding-bottom:150px
}
main.career #details .link{
    padding:35px 0
}
main.career #details .link a.backToCareers{
    float:right;
    font-family:Avenir_Medium,Arial,sans-serif;
    font-size:16x
}
main.career #details p.listingDetails{
    text-transform:uppercase;
    font-size:14px
}
main.career #details p.listingDetails span{
    margin:0 3px
}
main.career #details p.listingDetails span.category{
    margin-left:0
}
main.career #details img.logo{
    display:block;
    margin-bottom:45px;
    max-width:225px
}
main.career #details .info{
    position:relative
}
main.career #details .info ul{
    margin-bottom:35px
}
main.career #details .openApplication{
    margin-top:40px
}
main.internship .intro{
    padding-bottom:20px
}
main.internship .details{
    padding:70px 0 100px
}
main.postgraduate .intro h2{
    margin-bottom:0
}
main.postgraduate .intro h2.none{
    display:block;
    margin-bottom:0
}
main.postgraduate .intro h2.none:after{
    display:none
}
#programmes{
    padding-top:100px
}
main.postgraduate .block{
    margin-bottom:100px;
    padding-bottom:60px;
    position:relative
}
main.postgraduate .block span.line{
    display:block;
    width:265px;
    height:5px;
    background:#f57e29;
    position:absolute;
    bottom:0;
    right:0
}
main.postgraduate .block.last{
    margin-bottom:0
}
main.postgraduate .block.last span.line{
    display:none
}
main.postgraduate .details{
    padding-top:60px
}
main.postgraduate .details p i{
    font-size:15px
}
#publications{
    padding-bottom:150px
}
#publications .panels,#publications .panels .panel{
    position:relative
}
#publications .panels .panel a.togglePanel{
    display:block;
    font-size:22px;
    padding:12px 0
}
#publications .panels .panel a.togglePanel span{
    display:inline-block;
    vertical-align:middle
}
#publications .panels .panel a.togglePanel span.text{
    font-family:Avenir_Medium,Arial,sans-serif;
    font-size:21px;
    -webkit-font-smoothing:antialiased
}
#publications .panels .panel a.togglePanel span.icon{
    margin-left:15px;
    width:17px;
    height:10px;
    background:url(../img/publications/icon_arrow_down.png) center no-repeat
}
#publications .panels .panel .list{
    max-height:0;
    overflow:hidden;
    -webkit-transition:.4s cubic-bezier(0,1,0,1) all;
    -moz-transition:.4s cubic-bezier(0,1,0,1) all;
    transition:.4s cubic-bezier(0,1,0,1) all
}
#publications .panels .panel .list .inner{
    border-bottom:1px #ccc solid;
    margin-bottom:20px;
    margin-top:15px
}
#publications .panels .panel .list .publication{
    padding-left:20px;
    border-left:4px #006da3 solid;
    margin-bottom:30px;
    font-size:15px!important;
    font-family:Avenir_Regular,Helvetic,Arial!important;
    text-indent:0!important;
    line-height:140%!important;
}
#publications .panels .panel .list .publication p,#publications .panels .panel .list .publication p span{
    line-height:140%!important;
    margin-bottom:0;
    font-size:15px!important;
    font-family:Avenir_Regular,Helvetic,Arial!important;
    text-indent:0!important
}
#publications .panels .panel .list .publication span{
	line-height:140%!important;
    font-size:15px!important;
    font-family:Avenir_Regular,Helvetic,Arial!important;
    text-indent:0!important
}
#publications .panels .panel .list .publication a,#publications .panels .panel .list .publication a span{
    color:#084e7f!important;
    -webkit-transition:.5s ease all;
    -moz-transition:.5s ease all;
    transition:.5s ease all
}
#publications .panels .panel .list .publication a:hover,#publications .panels .panel .list .publication a:hover span{
    color:#f27e35!important
}
#publications .panels .panel.open .list{
    max-height:30000px;
    -webkit-transition:.4s cubic-bezier(1,0,1,0) all;
    -moz-transition:.4s cubic-bezier(1,0,1,0) all;
    transition:.4s cubic-bezier(1,0,1,0) all
}
#publications .panels .panel.open a.togglePanel span.icon{
    background-image:url(../img/publications/icon_arrow_up.png)
}
main.community .details{
    padding-bottom:0
}
main.community .newsListing{
    margin-top:50px;
    padding:70px 0
}
main.community .newsListing article.post{
    width:31%
}
main.community .newsListing article.post .image{
    height:auto
}
main.community .newsListing article.post .image img{
    width:100%
}
main.community .newsListing article.post .copy{
    height:38%
}
main.scientists{
    background:#f8f8f9
}
#scientistList{
    position:fixed;
    width:21.9%;
    height:calc(100% - 156px);
    float:left;
    overflow:auto
}
#scientistInfo .lab .wrap,#scientistInfo .lab .wrap .inner{
    position:relative;
    background:#f8f8f9
}
#scientistList .inner{
    padding:60px 0 30px
}
#scientistList .inner ul{
    margin-left:65px
}
#scientistList .inner ul li{
    margin-top:20px
}
#scientistList .inner ul li:first-child{
    margin-top:0
}
#scientistList .inner ul li a{
    font-size:19px;
    font-family:Avenir_Medium,Arial,sans-serif;
    color:#000;
    border-bottom:2px #f8f8f9 solid;
    line-height:100%;
    -webkit-transition:.5s ease all;
    -moz-transition:.5s ease all;
    transition:.5s ease all
}
#scientistInfo .lab .details h3,#scientistInfo .profiles .inner>h3,#scientistInfo .publications h3{
    font-family:Avenir_Regular,Arial,Helvetica,sans-serif;
    font-size:30px
}
#scientistList .inner ul li a:hover{
    color:#f27e35
}
#scientistList .inner ul li.current a{
    border-color:#f27e35
}
#scientistInfo{
    float:right;
    width:78.1%;
    background:#fff;
    padding-bottom:170px
}
#scientistInfo .wrapper{
    width:2000px;
    background:#fff;
    position:relative
}
#scientistInfo .inner{
    padding:0 80px;
    max-width:770px
}
#scientistInfo .title{
    padding-top:60px
}
#scientistInfo .title h2{
    margin-bottom:20px
}
#scientistInfo .bio{
    margin-bottom:60px;
    padding-bottom:320px
}
#scientistInfo .lab{
    margin-left:80px
}
#scientistInfo .lab .wrap .inner{
    padding-top:170px;
    padding-left:40px;
    padding-bottom:35px;
    max-width:710px;
    z-index:2
}
#scientistInfo .lab .image{
    position:absolute;
    top:-330px;
    max-width:710px
}
#scientistInfo .lab .image img{
    display:block;
    max-width:100%
}
#scientistInfo .lab .decal,#scientistInfo .lab .decalWrapper{
    bottom:20px;
    left:544px;
    width:242px;
    height:242px
}
#scientistInfo .lab .decalWrapper.in{
    bottom:-50px
}
#scientistInfo .lab .decalWrapper .ring.d2{
    transition-delay:.2s
}
#scientistInfo .lab .decalWrapper .ring.d3{
    transition-delay:.4s
}
#scientistInfo .profiles{
    border-top:none
}
#scientistInfo .profiles h3{
    margin-left:0;
    margin-bottom:50px
}
#scientistInfo .profiles .profile.full .image{
    width:18%
}
#scientistInfo .profiles .profile.full .info{
    width:79%
}
#scientistInfo .publications{
    margin-left:80px
}
#scientistInfo .publications .wrap{
    background:#f8f8f9;
    position:relative;
    z-index:2
}
#scientistInfo .publications .wrap .inner{
    position:relative;
    padding-top:45px;
    padding-left:40px;
    padding-bottom:35px;
    max-width:710px
}
#scientistInfo .publications h3{
    margin-bottom:50px
}
#scientistInfo .publications .publication{
    padding-left:20px;
    border-left:4px #006da3 solid;
    margin-bottom:30px
}
#scientistInfo .publications .publication p{
    line-height:130%;
    margin-bottom:0
}
#scientistInfo .publications .publication p a,#scientistInfo .publications .publication p span{
    color:#006da4;
    -webkit-transition:.5s ease all;
    -moz-transition:.5s ease all;
    transition:.5s ease all
}
#scientistInfo .publications .publication p a:hover{
    color:#f27e35
}
#scientistInfo .publications .decal,#scientistInfo .publications .decalWrapper{
    bottom:-60px;
    left:55px;
    width:232px;
    height:232px
}
#scientistInfo .publications .decalWrapper .ring,#scientistInfo .publications .decalWrapper.in .ring{
    opacity:1
}
main.nolab #scientistInfo .lab .wrap .inner{
    padding-bottom:10px
}
main.connect .intro,main.nolab #scientistInfo .bio{
    padding-bottom:0
}
main.nolab #scientistInfo .publications .wrap .inner{
    padding-top:55px
}
main.nolab #scientistInfo .bio img.profileImage{
    display:block;
    width:100%;
    padding-top:20px;
    margin-bottom:40px
}
main.connect .intro .title{
    float:left;
	padding-top: 20px;
}
main.connect .intro img.connectAfricaLogo{
    display:block;
    float:right
}
main.connect .content{
    padding:0 0 120px
}
main.connect .details ol{
    margin-top:35px;
    margin-bottom:50px
}
main.connect .details li span.disclaimer{
    display:block;
    margin-top:40px;
    line-height:120%
}
#faq{
    margin-top:60px
}
#faq .questionWrapper{
    position:relative
}
#faq .questionWrapper a.question{
    position:relative;
    display:block;
    padding:5px 0 5px 25px;
    line-height:130%;
    font-size:16px;
    font-family:Avenir_DemiBold,Arial,sans-serif;
    -webkit-transition:.5s ease all;
    -moz-transition:.5s ease all;
    transition:.5s ease all;
    -webkit-font-smoothing:antialised
}
#faq .questionWrapper a.question:before{
    content:"Q:";
    color:#000!important;
    position:absolute;
    left:0;
    -webkit-transition:.5s ease all;
    -moz-transition:.5s ease all;
    transition:.5s ease all
}
#faq .questionWrapper a.question:hover{
    color:#f57e29
}
#faq .questionWrapper .answer{
    max-height:0;
    overflow:hidden;
    -webkit-transition:.4s cubic-bezier(0,1,0,1) all;
    -moz-transition:.4s cubic-bezier(0,1,0,1) all;
    transition:.4s cubic-bezier(0,1,0,1) all
}
#faq .questionWrapper .answer .inner{
    padding:20px 0 20px 25px
}
#faq .questionWrapper .answer p{
    margin-bottom:10px
}
#faq .questionWrapper.open .answer{
    max-height:1000px;
    -webkit-transition:.4s cubic-bezier(1,0,1,0) all;
    -moz-transition:.4s cubic-bezier(1,0,1,0) all;
    transition:.4s cubic-bezier(1,0,1,0) all
}
.newsListing{
    position:relative
}
.newsListing .wrapper:after{
    content:"";
    display:block;
    clear:both
}
.newsListing .wrapper{
    margin:0 -1%
}
.newsListing article.post{
    background:#fff;
    width:23%;
    height:400px;
    margin:0 1% 2%;
    float:left;
    -webkit-transition:.7s ease all;
    -moz-transition:.7s ease all;
    transition:.7s ease all
}
.newsListing article.post a{
    display:block;
    position:relative;
    height:100%
}
.newsListing article.post .image{
    position:relative;
    height:51.25%
}

.newsListing article.post .image .mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.15;
}
.newsListing article.post .image img{
    display:block;
    width:100%;
    max-width:100%
}
.newsListing article.post .copy{
    height:37.75%
}
.newsListing article.post .copy .inner{
    padding:15px 10px 15px 15px
}
.newsListing article.post .copy .inner h3{
    font-size:22px;
    margin-bottom:0;
    letter-spacing:0;
    line-height:130%
}
.newsListing article.post .meta{
    position:relative;
    padding:0 30px 0 0;
    display:block;
    height:11%
}
.newsListing article.post .meta .inner{
    padding:10px 0
}
.newsListing article.post .meta span{
    display:inline-block;
    vertical-align:middle;
    margin-left:10px;
    text-transform:uppercase;
    font-size:12px;
    font-family:Avenir_Light,Helvetic,Arial
}
.newsListing article.post .meta:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    opacity:0;
    height:3px;
    background:#f27e35;
    -webkit-transition:.9s ease all;
    -moz-transition:.9s ease all;
    transition:.9s ease all
}
.newsListing article.post:hover{
    -webkit-box-shadow:0 0 10px 6px #e1e1e2;
    -moz-box-shadow:0 0 10px 6px #e1e1e2;
    box-shadow:0 0 10px 6px #e1e1e2
}
.newsListing article.post:hover .meta:after{
    width:100%;
    opacity:1
}
.newsListing a.viewMore{
    float:right
}
main.blog .newsListing{
    padding-top:70px
}
main.blog .newsListing .wrapper{
    padding-bottom:80px
}
main.blog .readMore{
    margin-top:15px
}
main.blog article.post .postContent p a{
    position:relative;
    display:inline-block;
    line-height:100%;
    border-bottom:2px #f57e29 solid;
    padding-bottom:0;
    font-family:Avenir_Regular,Helvetic,Arial;
    font-size:16px;
    -webkit-transition:.4s all ease;
    -moz-transition:.4s all ease;
    transition:.4s all ease
}
main.blog article.post .postContent p a:after,main.contact a{
    -webkit-transition:.4s all ease;
    -moz-transition:.4s all ease
}
main.blog article.post .postContent p a:after{
    content:"";
    height:0;
    width:100%;
    opacity:1;
    position:absolute;
    bottom:-2px;
    left:0;
    background:#084e7f;
    transition:.4s all ease
}
main.blog article.post .postContent p a:hover{
    color:#f27e35;
    border-color:transparent
}
main.blog article.post .postContent p strong a{
    font-family:Avenir_DemiBold,Helvetic,Arial
}
main.blog article.post .postContent h1,main.blog article.post .postContent h2,main.blog article.post .postContent h3,main.blog article.post .postContent h4,main.blog article.post .postContent h5,main.blog article.post .postContent h6{
    font-size:20px;
    margin-bottom:22px;
    color:#000;
    font-family:Avenir_Medium,Helvetic,Arial;
    font-weight:400;
    text-transform:none
}
main.blog article.post .postContent h1,main.blog article.post .postContent h2{
    font-size:22px
}
main.blog article.post .postContent ol li,main.blog article.post .postContent ul li{
    font-size:15px;
    line-height:175%;
    font-family:Avenir_Regular,Helvetic,Arial
}
main.blog article.post .postContent ol,main.blog article.post .postContent ul{
    margin:25px 0 25px 25px
}
main.blog article.post .postContent ul li{
    margin-top:13px;
    padding-left:20px;
    background:url(../img/icon_list.gif) 0 12px no-repeat
}
main.blog article.post .postContent ul li:first-child{
    margin-top:0
}
main.blog article.post .postContent ol{
    list-style:decimal;
    margin-left:35px
}
main.blog article.post .postContent ol li{
    margin-top:20px;
    padding-left:5px
}
main.blog article.post .postContent ol li:first-child{
    margin-top:0
}
main.blog article.post .postContent blockquote{
    padding-left:20px;
    border-left:1px #999 solid;
    color:#999;
    font-style:italic
}
main.blog article.post .postContent p img{
    margin-top:5px
}


/********************************* new blog */

main.blog.two{background:#f8f8f9;}
main.blog.two #sidebar{width:24%;float:left;}
main.blog.two #sidebar.top{width:13%;}
main.blog.two #sidebar .inner{padding-right:10px;}
main.blog.two .contentarea{width:76%;float:left;}
main.blog.two .intro{background:transparent;}


main.blog.two #sidebar .title{background:#ecf5f7 url(../img/title-circle.png) left bottom no-repeat;padding:33px 25px 33px;margin-bottom:4px;padding-left:75px;}
main.blog.two #sidebar .title.two{margin-top:20px;background:#ffffff;padding:33px 25px 33px;margin-bottom:0;}
main.blog.two #sidebar .title h4{font-size:12px;}
main.blog.two #sidebar .title.two h4{position:relative;padding-left:50px;}
main.blog.two #sidebar .title.two h4:before{content:"";position:absolute;left:0px;top:50%;width:40px;height:2px;margin-top:-1px;background:#f27e35;}
main.blog.two #sidebar .recommend_wrapper .recommend{background:#fff;margin-bottom:4px;padding:25px 25px 40px;}
main.blog.two #sidebar .recommend_wrapper .recommend h5{margin-bottom:20px;font-size:20px;line-height: 125%;font-family: Avenir_Regular,Helvetic,Arial;}
main.blog.two #sidebar .recommend_wrapper .recommend p{margin:0;}

main.blog.two #sidebar .recommend_wrapper .recommend .date{float:left;}
main.blog.two #sidebar .recommend_wrapper .recommend .category{float:right;}

main.blog.two #sidebar .category_wrapper{background:#fff;margin-bottom:4px;padding:10px 25px 5px;}
main.blog.two #sidebar .category_wrapper .category{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #cccccc;}
main.blog.two #sidebar .category_wrapper .category:last-child{border-bottom:0px solid #cccccc;}
main.blog.two #sidebar .category_wrapper .category h5{margin-bottom:0px;font-size:20px;line-height: 125%;font-family: Avenir_Regular,Helvetic,Arial;}

main.blog.two #sidebar a:hover{color:#f27e35;text-decoration: underline!important;}


.newsListing article.post.third{width:31.334%;}
.newsListing article.post.third .meta{}

.newsListing article.post.banner{width: 98%;height:auto;}

.newsListing article.post.banner .image img{width:100%;}
.newsListing article.post.banner{position:relative;}
.newsListing article.post.banner .caption{position:absolute;bottom:0;left:0;max-width:450px;width:100%;}
.newsListing article.post.banner .caption h3{color:#fff;font-size:30px;}
.newsListing article.post.banner .caption span{color:#fff;}
.newsListing article.post.banner .copy .inner {padding: 0px 10px 15px 15px;}
.newsListing article.post.banner .meta span{margin-left:15px;}

.newsListing article.post.banner:hover .meta:after {width: 100%;opacity: 1;display:none;}

.newsListing article.post.banner:after {content: "";position: absolute;bottom: 0;left: 0;width: 0;opacity: 0;height: 3px;background: #f27e35;-webkit-transition: .9s ease all;-moz-transition: .9s ease all;transition: .9s ease all;}
.newsListing article.post.banner:hover:after {width: 100%;opacity: 1;}


.newsListing article.post.banner-two{margin-top:55px;width: 100%;height:auto;background:transparent;margin-bottom:100px;display: inline-block;width:auto;}

.newsListing article.post.banner-two a{display:inline-block;}

.newsListing article.post.banner-two .image{width:100%;max-width:600px;padding-top:43px;display:inline-block;background:url(../img/circles.png) top right no-repeat;}
.newsListing article.post.banner-two .image img{width:100%;}
.newsListing article.post.banner-two{position:relative;}
.newsListing article.post.banner-two .caption{background:#fff;position:absolute;bottom:-35px;right:-195px;max-width:335px;width:100%;padding:15px 20px;}
.newsListing article.post.banner-two .caption h3{font-size:22px;}
.newsListing article.post.banner-two .caption span{}
.newsListing article.post.banner-two .copy .inner {padding:0;}
.newsListing article.post.banner-two .meta span{margin-right:15px;margin-left:0;}

.newsListing article.post.banner-two:hover .meta:after {width: 100%;opacity: 1;display:none;}

.newsListing article.post.banner-two h6 {border-bottom:3px solid #f27e35;font-size:12px;margin-bottom:15px;padding-bottom:5px;display:inline-block;line-height: 125%;position:relative;font-family: Avenir_Regular,Helvetic,Arial;}
.newsListing article.post.banner-two .caption:after {content: "";position: absolute;bottom: 0;left: 0;width: 0;opacity: 0;height: 3px;background: #f27e35;-webkit-transition: .9s ease all;-moz-transition: .9s ease all;transition: .9s ease all;}
.newsListing article.post.banner-two:hover .caption:after {width: 100%;opacity: 1;}

.newsListing article.post.banner-two:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}



img.alignright{
    float:right;
    margin:0 0 1em 1em
}
img.alignleft{
    float:left;
    margin:0 1em 1em 0
}
img.aligncenter{
    display:block;
    margin-left:auto;
    margin-right:auto
}
a img.alignright{
    float:right;
    margin:0 0 1em 1em
}
a img.alignleft{
    float:left;
    margin:0 1em 1em 0
}
a img.aligncenter{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{
    max-width:100%;
    height:auto
}
#pagination{
    position:relative;
    background:#efeff2
}
#pagination a.loadMore{
    display:block;
    padding:30px 0 25px;
    font-size:14px;
    font-family:Avenir_Bold,Helvetic,Arial;
    text-transform:uppercase;
    letter-spacing:1px;
    -webkit-font-smoothing:antialiased;
    -webkit-transition:.4s ease all;
    -moz-transition:.4s ease all;
    transition:.4s ease all
}
#pagination a.loadMore:hover{
    color:#f27e35
}
#pagination span.icon{
    display:block;
    width:26px;
    height:12px;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-13px;
    background:url(../img/news/icon_arrow_top.png) center no-repeat
}
main.contact a:after,main.default .details p a:after{
    content:"";
    bottom:-2px;
    left:0;
    opacity:1
}
#pagination .inner{
    display:none
}
main.blog.single .link{
    padding:35px 0 15px
}
main.blog.single .intro,main.blog.single article.post.notop{
    padding-top:0
}
main.blog.single .link a.backToNews{
    float:right;
    font-family:Avenir_Medium,Arial,sans-serif;
    font-size:15px
}
main.blog.single .title .postDetails{
    margin-bottom:35px
}
main.blog.single .title .postDetails span{
    display:inline-block;
    vertical-align:middle;
    font-family:Avenir_DemiBold,Arial,sans-serif;
    font-size:14px;
    color:#666;
    text-transform:uppercase;
    -webkit-font-smoothing:antialiased
}
main.blog.single .title h2{
    margin-bottom:0;
    font-size:40px
}
main.blog.single .title h2:after{
    display:none
}
main.blog.single article.post{
    padding-bottom:160px
}
main.blog.single .col-sm-8{
	max-width: 100%;
	padding: 0;
}
main.blog.single .fd-form .fd-grid{
	padding: 0;
}
main.contact .intro .title h2{
    margin-bottom:0
}
main.contact .info{
    padding-bottom:170px
}
main.contact .contactDetails{
    margin-bottom:70px;
    padding-bottom:10px;
    border-bottom:1px #c6c6c6 solid
}
main.contact .contactDetails .first,main.contact .contactDetails .second{
    width:50%;
    float:left;
    margin-bottom:30px
}
main.contact .contactDetails ul{
    margin-left:0;
    margin-bottom:30px
}
main.contact .contactDetails ul li{
    margin-top:15px;
    font-family:Avenir_Medium,Arial,Helvetica,sans-serif;
    font-size:15px;
    -webkit-font-smoothing:antialiased;
}
main.contact .contactDetails ul li p{
	    font-family:Avenir_Medium,Arial,Helvetica,sans-serif;
    font-size:15px;
	    line-height: 100%;
    -webkit-font-smoothing:antialiased;
	margin: 0;
}
main.contact .contactDetails ul li:first-child{
    margin-top:0
}
main.contact .contactDetails ul.address{
    margin-top:50px
}
main.contact .contactDetails ul.address li.heading{
    font-family:Avenir_Medium,Arial,sans-serif;
    font-size:18px
}
main.contact a{
    position:relative;
    display:inline-block;
    line-height:100%;
    border-bottom:2px #f57e29 solid;
    padding-bottom:0;
    font-family:Avenir_Medium,Helvetic,Arial;
    font-size:16px;
    transition:.4s all ease
}
main.contact a:after,main.default .details p a{
    -webkit-transition:.4s all ease;
    -moz-transition:.4s all ease
}
main.contact a:after{
    height:0;
    width:100%;
    position:absolute;
    background:#084e7f;
    transition:.4s all ease
}
main.contact a:hover{
    color:#f27e35;
    border-color:transparent
}
main.contact .opportunities ul{
    margin-left:0
}
main.contact .opportunities ul li{
    margin-top:17px;
    font-size:15px
}
main.contact .opportunities ul li:first-child{
    margin-top:0
}
main.contact .opportunities a{
    font-family:Avenir_Regular,Arial,Helvetica,sans-serif
}
main.search article{
    margin-bottom:35px;
    padding-bottom:35px;
    border-bottom:1px #ccc solid
}
main.search article a{
    display:block;
    position:relative
}
main.search article h3{
    margin-bottom:0;
    -webkit-transition:.5s ease all;
    -moz-transition:.5s ease all;
    transition:.5s ease all
}
main.search article p.postInfo.link{
    color:#000;
    font-size:13px;
    margin-bottom:0;
    text-overflow:ellipsis;
    overflow:hidden
}
main.search article p{
    margin-bottom:0;
    margin-top:15px
}
main.search article a:hover h3{
    color:#f27e35
}
main.search .searchForm{
    position:relative;
    margin-bottom:30px
}
main.search .searchForm input[type=text]{
    background:#fff;
    width:calc(100% - 44px);
    color:#666;
    font-size:16px;
    padding-left:12px
}
main.search .searchForm input[type=submit]{
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:44px;
    background:url(../img/icon_button_right.png) center no-repeat #c6c6c6;
    border:none;
    -webkit-transition:.5s all ease;
    -moz-transition:.5s all ease;
    transition:.5s all ease
}
main.search .searchForm input[type=submit]:hover{
    background-color:#000
}
main.default .intro h2.none{
    display:block;
    margin-bottom:0
}
main.default .intro h2.none:after{
    display:none
}
main.default ol,main.default ul{
    margin-left:20px;
    margin-bottom:25px
}
main.default .details p a{
    position:relative;
    display:inline-block;
    line-height:100%;
    border-bottom:2px #f57e29 solid;
    padding-bottom:0;
    font-family:Avenir_Regular,Helvetic,Arial;
    font-size:16px;
    transition:.4s all ease
}
footer li a,footer ul.social li.welcome a{
    display:block
}
main.default .details p a:after{
    height:0;
    width:100%;
    position:absolute;
    background:#084e7f;
    -webkit-transition:.4s all ease;
    -moz-transition:.4s all ease;
    transition:.4s all ease
}
footer,footer .container,footer ul.social li a{
    position:relative
}
footer li a,footer ul.social li a{
    -webkit-transition:.5s ease all;
    -moz-transition:.5s ease all
}

footer li.download{
    clear: both;
    margin-top: 12px;
}

main.default .details p a:hover{
    color:#f27e35;
    border-color:transparent
}
main.default .details ul li{
    margin-top:13px;
    font-size:15px;
    padding-left:20px;
    line-height:145%;
    background:url(../img/icon_list.gif) 0 9px no-repeat
}
main.default .details ul li:first-child{
    margin-top:0
}
main.default ol{
    list-style:decimal
}
main.default .details ol{
    margin-left:35px
}
main.default .details ol li{
    margin-top:13px;
    padding-left:5px;
    font-size:15px;
    line-height:145%
}
main.default .details ol li:first-child{
    margin-top:0
}
main.default h3,main.default h4,main.default h5,main.default h6{
    font-size:20px;
    font-family:Avenir_Medium,Arial,sans-serif;
    margin-bottom:23px
}
main.default h3 strong{
    font-family:Avenir_Medium,Arial,sans-serif
}
main.default h5,main.default h6{
    font-size:16px
}
main.default.empty .intro{
    padding-bottom:0
}
main.default.empty .details{
    padding-top:0;
    padding-bottom:200px
}
footer{
    z-index:71;
    background:#fff;
    padding:50px 0;
    border-top:1px #c6c6c6 solid
}
footer li{
    float:left;
    margin-right:25px;
    font-family:Avenir_Roman,Arial;
    font-size:14px;
    color:#000
}
footer li a{
    transition:.5s ease all
}
footer li a:hover{
    color:#f57e29
}
footer ul.nav{
    float:left;
    margin-top:10px
}
footer ul.social{
    float:right
}
footer ul.social li{
    margin-right:0;
    margin-left:25px
}
footer ul.social li a{
    color:#000;
    font-size:23px;
    transition:.5s ease all
}
footer a.welcome img,footer ul.social li.welcome img{
    max-width:235px;
    -webkit-transition:.5s ease all;
    -moz-transition:.5s ease all
}
footer ul.social li a:hover{
    color:#f57e29
}
footer ul.social li a.fb{
    font-size:26px
}
footer ul.social li a.twitter{
    top:2px
}
footer ul.social li.welcome{
    margin-left:15px
}
footer ul.social li.welcome img{
    display:block;
    opacity:1;
    position:relative;
    margin:auto;
    transition:.5s ease all
}
footer ul.social li.welcome a:hover img{
    opacity:.9
}
footer a.welcome{
    display:inline-block;
    position:absolute;
    left:50%;
    top:3px;
    margin-left:-117px;
    width:235px
}
footer a.welcome img{
    display:block;
    opacity:1;
    position:relative;
    margin:auto;
    transition:.5s ease all
}
footer a.welcome:hover img{
    opacity:.9
}
.btn{
    display:inline-block;
    padding:9px 26px;
    font-family:customfont,Arial;
    font-size:14px;
    font-weight:400;
    cursor:pointer;
    outline:0;
    border-radius:1px;
    border:0;
    background:0 0;
    -webkit-transition:.5s ease all;
    -moz-transition:.5s ease all;
    transition:.5s ease all
}
.btnBlack{
    background:#343b44;
    color:#fff!important
}
.btnBlack:hover{
    background:#000
}
.btnBlackB,.btnBlackB:hover{
    border:1px solid #000;
    color:#000!important
}
.videoWrapper{
    position:relative;
    padding-bottom:56.25%;
    padding-top:25px;
    height:0
}
.videoWrapper iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.chromeframe{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#bd1215;
    padding:10px 0;
    color:#fff;
    z-index:1500;
    font-family:customfont,Helvetic,Arial;
    margin-bottom:0
}
.chromeframe a{
    text-decoration:underline;
    color:#fff
}
.mobile{
    display:none!important
}
input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-border-radius:0;
    border-radius:0;
    background:0 0;
    outline:0!important
}
input[type=email],input[type=password],input[type=text],select,textarea{
    display:block;
    border:1px solid #e5e5e4;
    padding:8px;
    font-size:16px;
    font-family:Avenir_Book,Helvetic,Arial;
    width:100%;
    box-sizing:border-box
}
#notify p,.selectWrap>.dropdown span{
    font-family:customfont
}
textarea{
    height:150px
}
.selectWrap{
    position:relative;
    display:inline-block;
    width:100%;
    height:34px;
    line-height:30px;
    margin:0
}
.selectWrap>select{
    position:absolute!important;
    z-index:3;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    filter:alpha(Opacity=0);
    opacity:0;
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    padding:0!important;
    margin:0!important;
    width:100%!important;
    height:100%!important;
    cursor:pointer
}
.selectWrap>.fakeSelect{
    position:relative;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:4px;
    width:100%;
    margin:0;
    vertical-align:bottom;
    padding:0 20px 0 10px;
    white-space:nowrap;
    text-overflow:ellipsis;
    border:1px solid #ccc;
    background:#fff;
    height:34px;
    line-height:30px;
    cursor:pointer;
    color:#444
}
.selectWrap>.fakeSelect.focus{
    border-color:#98c7f8
}
.selectWrap>.fakeSelect.focus:after{
    color:#81B5EC
}
.selectWrap>.fakeSelect span{
    position:absolute;
    top:12px;
    right:10px;
    width:12px;
    height:7px;
    background:url(../img/icon_dropdown_black.png) center no-repeat
}
.selectWrap>.dropdown{
    display:none;
    position:absolute;
    top:41px;
    width:100%;
    min-width:200px;
    z-index:9999;
    background:#fff;
    border:1px solid #ccc
}
.selectWrap>.dropdown span{
    display:block;
    padding:7px;
    font-size:14px;
    cursor:pointer;
    text-align:left;
    -webkit-transition:.3s ease all;
    transition:.3s ease all
}
.selectWrap>.dropdown span.long{
    font-size:12px;
    height:auto;
    padding:10px 0;
    line-height:180%
}
.selectWrap>.dropdown span:hover{
    color:#fff;
    background:#cf8a6a
}
.selectWrap.open>.dropdown{
    display:block
}
.selectWrap.sub .dropdown{
    width:320px!important
}
input[type=radio].custom_radio{
    display:none
}
input[type=radio].custom_radio+label span{
    display:inline-block;
    height:19px;
    width:19px;
    margin:1px 4px 0 0;
    position:relative;
    background:#fff;
    border:1px solid #000;
    vertical-align:middle;
    cursor:pointer;
    border-radius:50%
}
input[type=radio].custom_radio+label span:before{
    display:inline-block;
    width:15px;
    height:15px;
    margin:2px;
    border-radius:50%;
    background:#fff;
    -webkit-transition:.3s ease all;
    -moz-transition:.3s ease all;
    transition:.3s ease all
}
#notify.success,input[type=radio].custom_radio:checked+label span{
    background:#000
}
blockquote{
    padding-left:20px;
    border-left:1px #999 solid;
    color:#999;
    font-style:italic
}
#notify{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:auto;
    padding:15px 0;
    z-index:149;
    -webkit-transition:.3s ease all;
    -moz-transition:.3s ease all;
    transition:.3s ease all
}
#notify p{
    font-size:14px;
    color:#fff;
    margin-bottom:0
}
#page.notify #notify{
    top:0
}
#page.notify header{
    top:50px
}
#notify.error{
    background:#bd1215
}
.slick-slide{
    outline:0!important
}
@media (max-width:1300px){
    .container.l0{
        width:auto;
        padding:0 20px
    }
    header nav li a{
        font-size:15px
    }
}
@media (max-width:1200px){

    main.blog.two #sidebar {width: 26%;}
    main.blog.two .contentarea{width:74%;}
    .newsListing article.post.banner-two .caption {background: #fff;position: relative;bottom: auto;right: auto;max-width: 100%;width: 100%;padding: 15px 0px;}
    .newsListing article.post.banner-two .caption  .copy{padding: 0px 20px;}
    .newsListing article.post.banner-two .caption  .meta{padding: 0px 20px;}



    .newsListing article.post.banner-two .image {width: 100%;max-width: 100%;}
    .newsListing article.post.banner-two{margin-bottom:2%;margin-top:2%;}


    img{
        max-width:100%;
        height:auto
    }
    .container{
        width:auto;
        padding:0 20px
    }
    .container .container{
        padding:0
    }
    main.blog.single .link{
        padding-left:15px;
        padding-right:15px;
        padding-top:15px
    }
    header nav li{
        margin-right:25px
    }
    #scientistList .inner ul{
        margin-left:0
    }
}
@media (max-width:1024px){

    main.blog.two #sidebar {width: 30%;}
    main.blog.two .contentarea{width:70%;}

    .container.l1{
        width:auto
    }
    header nav li a{
        font-size:14px;
        padding-bottom:37px
    }
    header .search .wrapper{
        width:auto;
        margin-left:20px
    }
    .title h2{
        font-size:50px
    }
    .intro p{
        font-size:22px
    }
    .intro.top p{
        font-size:28px
    }
    main.postgraduate .block .feature img{
        width:100%
    }
    main.scientists>.container{
        padding:0
    }
    #scientistInfo .wrapper{
        width:auto
    }
    #scientistInfo .inner{
        padding:0 40px
    }
    #scientistList .inner ul{
        margin-left:15px
    }
    #scientistInfo .lab,#scientistInfo .publications{
        margin-left:40px
    }
    #scientistInfo .lab .image{
        top:-290px;
        max-width:650px
    }
    #scientistInfo .publications h3{
        margin-bottom:40px
    }
    .profiles .profile{
        float:none;
        display:inline-block;
        vertical-align:top;
        width:49%
    }
    .newsListing article.post{
        height:340px
    }
    .newsListing article.post .image{
        height:auto
    }
    .newsListing article.post .copy .inner h3{
        font-size:20px
    }
    .selectWrap>select{
        display:block!important
    }
    .selectWrap>.dropdown{
        display:none!important
    }
}
@media (max-width:850px){

    main.blog.two #sidebar {width: 100%;margin-bottom:40px;}
    main.blog.two #sidebar.top {display:none;}
    main.blog.two .contentarea{width:100%;}
    main.blog.two .newsListing {padding-top: 40px;}


    .container.l2{
        width:auto
    }
    header{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        z-index:1000;
        background:#fff
    }
    header .container.l0{
        padding:0
    }
    header .left{
        width:28%;
        margin-left:15px
    }
    header .right{
        margin-top:0!important
    }
    header h1{
        margin:10px auto!important
    }
    header .logo,header h1 a{
        background-image:url(../img/logo_colour.png);
        width:110px!important;
        height:35px!important;
        background-size:100%;
        margin-top:-3px
    }
    header .respMenu{
        position:relative;
        z-index:100;
        display:block;
        padding:16px 0;
        width:13.5%;
        float:right
    }
    header .respMenu .fa-bars{
        width:25px;
        height:3px;
        margin:10px auto;
        background:#000;
        -webkit-transition:all .3s;
        transition:all .3s;
        position:relative
    }
    header .respMenu .fa-bars:before{
        top:-6px
    }
    header .respMenu .fa-bars:after{
        top:6px
    }
    a.respMenu .fa-bars:before,header .respMenu .fa-bars:after{
        content:'';
        display:block;
        width:25px;
        height:3px;
        background:#000;
        position:absolute;
        z-index:1;
        -webkit-transition:all .3s ease;
        transition:all .3s ease
    }
    #page.menu a.respMenu{
        background:#084e7f
    }
    #page.menu a.respMenu .fa-bars{
        background:0 0!important
    }
    #page.menu a.respMenu .fa-bars:after{
        top:0!important;
        background:#fff!important;
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    #page.menu a.respMenu .fa-bars:before{
        top:0!important;
        background:#fff!important;
        -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    header nav{
        display:none
    }
    header .right{
        display:block!important;
        position:absolute;
        width:calc(58.5% - 15px);
        margin-left:calc(28% + 15px);
        margin-right:13.5%;
        height:100%
    }
    #subNavigation,.newsListing article.post .meta:after{
        display:none
    }
    header .search{
        width:auto;
        float:none;
        border-color:#f0f0f0;
        margin-top:0;
        height:auto;
        margin-left:15px;
        padding-left:15px
    }
    header .search .wrapper{
        margin-left:0
    }
    header .search input[type=text]{
        width:90%;
        border-color:#000;
        color:#999
    }
    header .search button[type=submit]{
        top:3px;
        right:5px;
        color:#000
    }
    main.page{
        padding-top:55px
    }
    .title h2{
        font-size:45px
    }
    .newsListing article.post:hover{
        box-shadow:none!important
    }
    footer .container{
        text-align:center
    }
    footer a.welcome{
        position:relative;
        top:0;
        left:0;
        margin-left:0
    }
}
@media (max-width:720px){
    .intro,main .content{
        padding:40px 0
    }
    .intro .title h2,.title h2,main .col.first{
        margin-bottom:25px
    }
    .profiles .profile .image,footer ul{
        text-align:center
    }
    p{
        font-size:15px
    }
    h2{
        font-size:34px
    }
    h3{
        font-size:22px
    }
    br{
        display:none!important
    }
    .title h2{
        font-size:34px
    }
    .title p{
        font-size:19px
    }
    .intro.top p{
        font-size:20px
    }
    .title h2:after{
        display:none
    }
    .title h2 span{
        position:relative
    }
    .title h2 span:after{
        content:"";
        display:block;
        width:18px;
        height:18px;
        border-radius:50%;
        background:#f27e35;
        position:absolute;
        bottom:0;
        right:-25px
    }
    #page.menu,#scientistList .inner ul li.current a,main.about .history img{
        position:relative
    }
    main.single .title h2 span:after{
        display:none
    }
    a.viewMore{
        font-size:16px
    }
    .container{
        width:auto!important
    }
    main .col.first,main .col.second{
        float:none;
        width:100%
    }
    #notice p {
    	font-size: 10px;
    }
    header .logo,header h1 a{
        width:100%!important;
        height:35px!important
    }
    header .search input[type=text]{
        font-size:15px;
        width:calc(100% - 40px)
    }
    header .search input[type=submit]{
        width:35px;
        background-position:center
    }
    #page.menu{
        height:300px;
        overflow:hidden
    }
    #hero .caption{
        border-left:10px #f57e29 solid;
        left:15px;
        padding-left:20px;
        padding-bottom:5px
    }
    #hero .caption h2{
        font-size:24px
    }
    main.page{
        padding-top:55px
    }
    .newsListing .wrapper{
        margin:0
    }
    .newsListing article.post{
        float:none;
        margin:0 auto 25px;
        width:100%!important;
        height:auto
    }
    .newsListing article.post .copy .inner{
        padding-bottom:20px
    }
    .newsListing article.post .copy .inner h3{
        font-size:20px
    }
    .newsListing article.post .image img{
        width:100%
    }
    main .imageBreaker{
        height:200px;
        background-size:cover
    }
    main.vukuzazi .imageBreaker{
        background-position: left center;
    }
    main .imageBreaker img{
        opacity:0
    }
    main.single .imageBreaker{
        height:auto
    }
    main.single .imageBreaker img{
        opacity:1
    }
    main.home #action .search{
        width:auto;
        float:none;
        margin-bottom:35px
    }
    main.home #action .links{
        width:auto;
        float:none
    }
    main.home #action .links ul li a{
        font-size:16px
    }
    main.home #featured .image{
        margin-bottom:0
    }
    main.home #featured .info{
        position:relative;
        width:100%;
        background:0 0
    }
    main.home #featured .info .inner{
        padding-left:0;
        padding-right:0
    }
    main.about .info{
        padding-top:50px;
        padding-bottom:100px
    }
    main.about .info .copy,main.about .info .logos{
        float:none;
        width:100%
    }
    main.about .history{
        padding:0 0 70px
    }
    main.about .history img{
        top:-50px;
        margin:auto;
        display:block
    }
    main.about .history .title{
        width:auto;
        margin-bottom:30px
    }
    main.about .history .title h2{
        margin-bottom:25px
    }
    main.about .research{
        padding:60px 0 100px
    }
    main.about .research .title{
        margin-bottom:60px
    }
    main.about .research .location{
        width:auto;
        float:none!important
    }
    main.about .research .location h3{
        font-size:28px
    }
    main.about .research .location.first{
        margin-bottom:40px
    }
    main.about .info .decal,main.about .info .decalWrapper{
        left:-110px;
        margin-left:0;
        bottom:-160px
    }
    main.research .departments{
        padding:10px 0 30px
    }
    main.research .departments .department{
        margin-bottom:40px;
        padding-bottom:40px
    }
    main.research .departments .department h3{
        font-size:20px;
        margin-left:75px;
        line-height:130%
    }
    main.research .departments .department h3 span{
        width:55px;
        top:12px;
        left:-75px
    }
    main.research .departments .department h3 span:before{
        width:100%
    }
    main.research .departments .department .copy{
        float:none;
        width:auto;
        margin-bottom:35px
    }
    main.research .departments .department aside{
        float:none;
        width:auto
    }
    main.research .departments .department aside .inner span.title{
        font-size:20px
    }
    main .highlight-wrapper .highlight{
        margin-bottom:30px;
    }
    main .highlight-wrapper .highlight p{
        font-size: 14px;
    }

    main.research.vukuzazi .info .embed-container-wrap{
        margin:35px auto;
    }

    main.research.vukuzazi .info .gallery .gallery-item {
        margin: 0 2.5% 25px!important;
    }

    main.research.vukuzazi .info .gallery{
        margin-top:30px!important;
    }

    main.research.vukuzazi .info .gallery br{
        display:block!important;
    }

    main.research.vukuzazi .info blockquote p {
        font-size: 16px;
        line-height: 1.3;
    }

    main.research.vukuzazi .info blockquote {
        background: url(../img/research/quote.svg) top left 0px no-repeat;
        padding-left: 60px;
    }

    main.research.vukuzazi .info blockquote + p {
        font-size: 10px;
        padding-left: 60px;
    }

    main.research.vukuzazi .info p img {
        margin: 0;
    }

    main .imageBreaker div.circle{
        display:none;
    }
    main.research.vukuzazi .info .gallery{
        margin-bottom:30px!important;
    }

    main.structure .intro{
        padding-top:40px
    }
    main.structure .intro p{
        line-height:110%
    }
    main.structure .block .intro .title h2{
        font-size:34px
    }
    .scientific .profiles{
        padding-bottom:100px
    }
    .profiles{
        padding:60px 0
    }
    .profiles h3{
        margin-bottom:60px;
        margin-left:75px
    }
    .profiles h3 span{
        width:55px;
        left:-75px
    }
    .profiles h3 span:before{
        width:100%
    }
    .profiles .profile,.profiles .profile.full .image,.profiles .profile.full .info{
        width:auto;
        float:none
    }
    .profiles .profile{
        display:block
    }
    .profiles .profile.featured{
        margin-bottom:70px
    }
    .profiles .profile .info{
        padding-right:0
    }
    main.connect .intro img.connectAfricaLogo{
        float:none;
        margin:0 0 30px
    }
    main.default h3{
        font-size:20px
    }
    main.default ol,main.default ul{
        margin-left:10px
    }
    main.default .details ol li,main.default .details ul li{
        font-size:15px
    }
    main.default .intro h2.none span:after{
        display:none
    }
    main.research .info{
        padding:60px 0 70px
    }
    main.research .departments .intro{
        padding-top:60px
    }
    main.scientists>.container{
        padding:0
    }
    #scientistList{
        width:100%;
        height:39px;
        z-index:100;
        background:rgba(0,0,0,0)
    }
    #scientistList .inner{
        padding:0;
        background:#f8f8f9
    }
    #scientistList .inner ul{
        margin-left:0;
        margin-bottom:0
    }
    #scientistList .inner ul li{
        display:none;
        margin:0
    }
    #scientistList .inner ul li.current{
        display:block
    }
    #scientistList .inner ul li.current a:after{
        position:absolute;
        right:20px;
        display:inline-block;
        color:#000;
        font-size:20px;
        font-family:Ionicons;
        content:"\f123"
    }
    #scientistList .inner ul li a{
        display:block;
        padding:12px 20px;
        border:none;
        font-size:17px;
        color:#000!important
    }
    #scientistList .inner ul li a span{
        display:inline-block;
        border-bottom:2px #f8f8f9 solid
    }
    #scientistList.open{
        z-index:100;
        height:calc(100% - 55px);
        background:rgba(0,0,0,.5)
    }
    #scientistList.open .inner ul li{
        display:block
    }
    #scientistList.open .inner ul li.current a:after{
        display:none
    }
    #scientistList.open .inner ul li.current a span{
        border-color:#f27e35
    }
    #scientistInfo{
        margin-top:39px;
        float:right;
        width:auto;
        background:#fff;
        position:relative;
        z-index:10;
        left:0;
        -webkit-box-shadow:0 0 10px 5px #e1e1e2;
        -moz-box-shadow:0 0 10px 5px #e1e1e2;
        box-shadow:0 0 10px 5px #e1e1e2
    }
    #page.load #scientistInfo{
        left:0
    }
    #page.swiped #scientistInfo{
        left:50%
    }
    #scientistInfo .wrapper{
        width:auto
    }
    #scientistInfo .inner{
        padding:0 20px
    }
    #scientistInfo .lab .wrap .inner,#scientistInfo .publications .wrap .inner{
        padding-left:20px;
        padding-right:20px
    }
    #scientistInfo .title{
        padding-top:30px
    }
    #scientistInfo .bio{
        padding-bottom:30px
    }
    #scientistInfo .lab{
        margin-left:0
    }
    #scientistInfo .lab .wrap .inner{
        padding-top:0
    }
    #scientistInfo .lab .image{
        position:relative;
        top:-40px
    }
    #scientistInfo .lab .details h3,#scientistInfo .profiles .inner>h3{
        font-size:22px
    }
    #scientistInfo .profiles .profile.full .image{
        float:none;
        width:auto;
        margin-bottom:20px
    }
    #scientistInfo .profiles .profile.full .image img{
        display:block;
        margin:auto
    }
    #scientistInfo .profiles .profile.full .info{
        float:none;
        width:auto
    }
    #scientistInfo .publications{
        margin-left:0
    }
    #scientistInfo .publications h3{
        margin-bottom:30px;
        font-size:22px
    }
    #scientistInfo .publications .decal,#scientistInfo .publications .decalWrapper{
        left:0
    }
    #reports .list {
    	display: block;
    }
    main.nolab #scientistInfo .bio img.profileImage{
        padding-top:10px
    }
    main.blog.single .link a.backToNews{
        font-size:14px
    }
    main.blog.single .title h2{
        font-size:34px
    }
    main.blog.single .title .postDetails{
        margin-bottom:25px
    }
    main.blog.single .title .postDetails span{
        font-size:12px
    }
    #careers .position p.listingDetails span,main.career #details p.listingDetails span{
        display:block;
        margin-left:0
    }
    #careers .position p.listingDetails span.separator,main.career #details p.listingDetails span.separator{
        display:none
    }
    main.career #details .link{
        padding:35px 15px
    }
    #programmes{
        padding-top:60px
    }
    main.postgraduate .details h3{
        font-size:20px
    }
    main.contact .contactDetails .first,main.contact .contactDetails .second{
        float:none;
        width:100%
    }
    main.contact .contactDetails ul{
        margin-bottom:35px
    }
    main.contact .contactDetails ul.address{
        margin-bottom:60px
    }
    main.contact .contactDetails ul li{
        margin-top:10px
    }
    main.contact .opportunities h3,main.contact .opportunities ul li{
        line-height:130%
    }
    footer{
        padding:30px 0
    }
    footer ul li{
        float:none;
        display:inline-block;
        vertical-align:middle;
        margin:12px 10px 0;
    }
    footer .col{
        float:none;
        width:auto
    }
    footer ul.social{
        float:none;
        margin-bottom:10px
    }
    footer ul.nav{
        float:none
    }
    footer ul.social li.welcome{
        width:100%
    }
    .mobile{
        display:block!important
    }
    .desktop{
        display:none!important
    }
    .selectWrap>.fakeSelect{
        width:100%!important
    }
    .btn,.linkTo{
        font-size:13px
    }
	#reports.programme .title select{float: none;}
    #careers .position.tender .main {
            flex-direction: column;
            gap: 10px;
    }
}


@media (max-width:600px){

    main.research.vukuzazi .info .gallery .gallery-item {
        margin: 0 0 15px!important;
        width: 100%!important;
        float:none!important;
    }



}