@font-face{
	font-family:"Gill Sans W04 Bold";
	src:url("fonts/gillsan/e55f9afb-8c92-4a61-ad1a-7f5788bd9c1d.eot?#iefix");
	src:url("fonts/gillsan/e55f9afb-8c92-4a61-ad1a-7f5788bd9c1d.eot?#iefix") format("eot"),url("fonts/gillsan/1063b047-48b7-4f7c-876b-f93d4ab62b2c.woff") format("woff"),url("fonts/gillsan/382d3153-8f7f-4011-9915-0c65e8af150a.ttf") format("truetype"),url("fonts/gillsan/f80f42c9-7401-4415-a8d1-575179869201.svg#f80f42c9-7401-4415-a8d1-575179869201") format("svg");
}

@font-face{
	font-family:"Gill Sans W04 Roman";
	src:url("fonts/gillsan/c575cf0c-7e15-4f49-913a-af4676e20343.eot?#iefix");
	src:url("fonts/gillsan/c575cf0c-7e15-4f49-913a-af4676e20343.eot?#iefix") format("eot"),url("fonts/gillsan/39ede25d-544d-4537-8668-3e9af68a26ec.woff") format("woff"),url("fonts/gillsan/fe7e264f-3a4a-40c8-85eb-f9e2cb4b6f21.ttf") format("truetype"),url("fonts/gillsan/f45aa0ef-7101-4ac6-84f9-fce14d01e189.svg#f45aa0ef-7101-4ac6-84f9-fce14d01e189") format("svg");
}

body {
    color: #777;
    font: 18px/24px "Gill Sans W04 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.headertop .slogan,
.headertop h2,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Gill Sans W04 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

p {
    margin-bottom: 0
}

::selection {
    background: #125496
}

* {
    text-shadow: none !important
}

.top80 {
    display: none !important
}

blockquote {
    background: 0 0;
    border: none;
    color: inherit;
    font-size: inherit;
    font-style: italic;
    font-weight: 700;
    line-height: inherit;
    padding: 0
}

ol,
ul {
    padding: 0;
    margin: 0 0 10px 25px
}

.slogan strong,
h1,
h1 strong {
    color: #3da235;
    font-size: 68px;
    font-weight: 400;
    line-height: .9em
}

h1 {
    margin: .5em 0
}

h2,
h2 strong {
    color: #004a93;
    font-weight: 400
}

#aboutus h1,
#regions h1,
#whatwedo h1 {
    margin-top: 0
}

#aboutus .content h1,
#regions .content h1,
#whatsnew .content h1,
#whatwedo .content h1 {
    font-size: 40px;
    font-weight: 400
}

#aboutus h2,
#aboutus h3,
#aboutus h4,
#aboutus h5,
#aboutus h6,
#regions h2,
#regions h3,
#regions h4,
#regions h5,
#regions h6,
#whatsnew h2,
#whatsnew h3,
#whatsnew h4,
#whatsnew h5,
#whatsnew h6,
#whatwedo h2,
#whatwedo h3,
#whatwedo h4,
#whatwedo h5,
#whatwedo h6 {
    margin-top: 20px;
    margin-bottom: 20px
}

.container {
    padding-left: 0;
    padding-right: 0
}

img {
    vertical-align: bottom
}

.landing-heading>span,
.product-landing-heading>span,
.topic-wrapper a>span,
.topic-wrapper>span {
    vertical-align: middle;
    display: table-cell
}

img.pull-left {
    margin-bottom: 30px;
    margin-right: 30px
}

img.pull-right {
    margin-bottom: 30px;
    margin-left: 30px
}

.img-circle {
    border: 10px solid #e4e4e4;
    border-radius: 0;
}

.btn,
.img-circle-no-border {
    border: none
}

.btn {
    box-shadow: none;
    text-shadow: none
}

.lead {
    color: #004a93;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2em
}

.tiledbackground {
    background: #fcfcfc
}

.whitebackground {
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    box-shadow: none;
    margin-left: -616px
}

.slogan strong {
    display: none
}

.home .slogan strong {
    display: inline-table
}

.footerwrap,
.headertopwrap,
.subfooterwrap {
    border: none;
    left: 0 !important;
    margin: 0 !important;
    padding: 0;
    width: 100% !important
}

.headertopwrap {
    background-color: #125497
}

.footerwrap .container,
.headertopwrap .container,
.subfooterwrap .container {
    background: 0 0;
    position: relative
}

.headertop {
    margin: 14px 0 14px 109px
}

.internal .headertop {
    margin-left: 269px
}

.headertop .slogan,
.headertop h2 {
    color: #b1b1b1;
    font-size: 24px;
    font-weight: 400;
    line-height: 42px;
    margin: 0
}

.headertop .slogan strong,
.headertop h2 strong {
    color: #fff;
    font-size: 31px;
    line-height: 38px
}

.headertop .slogan img {
    margin-right: 50px
}

#regions .content-list-items h3,
#whatsnew .content-list-items h3 {
    margin: 0
}

.headerwrap {
    position: relative
}

.internal .headerwrap,
.search-result .headerwrap {
    border-bottom: 8px solid #3da235
}

#aboutus h1 {
    color: #3da235
}

#whatwedo h1 {
    color: #004a90
}

#whatwedo hr {
    border-top: 2px solid #cacaca
}

#whatwedo h3 {
    color: #1d71b8
}

#whatwedo .headerwrap {
    border-bottom: 8px solid #004a90
}

#regions .img-circle,
#whatwedo .img-circle {
    border: none
}

#regions h1 {
    color: #007d80
}

#regions h3 {
    color: #00a7aa
}

#regions .headerwrap {
    border-bottom: 8px solid #F5911E
}

#regions .bottom-content,
#regions .bottom-content .content {
    padding: 15px 0 0
}

#regions .bottom-content .content img {
    padding: 0 2px;
    width: 100%;
    height: 52px
}

.clgf-europe .bottom-content .content img {
    border: .5px solid #eee
}

#conferences .headerwrap {
    border-bottom: 8px solid #0071BA
}

#resourcecentre .headerwrap {
    border-bottom: 8px solid #91278D
}

#whatsnew .headerwrap {
    border-bottom: 8px solid #EB1E79
}

#whatsnew h1,
#whatsnew h3 {
    color: #EB1E79
}

.news-published-date {
    margin-bottom: 30px
}

.clgf-publications .headerwrap {
    border-bottom: 8px solid #91278D
}

.clgf-publications h1,
.clgf-publications h3 {
    color: #91278D
}

.header-shadow {
    box-shadow: 0 0 20px #000;
    bottom: -5px;
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

.header-bar {
    background-color: #4babe0;
    bottom: -10px;
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%
}

.header-left,
.header-right {
    float: left;
    position: relative
}

.header-left {
    width: 270px
}

.header-right {
    width: 900px
}

.home .logo {
    margin: 36px 0 0 60px
}

.logo {
    margin: 10px 0 0
}

.mainmenu {
    background: 0 0;
    border: none;
    margin: 28px 0 10px
}

.dropdown-menu {
    border-radius: 0
}

.ddsmoothmenu ul li a,
.ddsmoothmenu ul li a:link,
.ddsmoothmenu ul li a:visited,
.ddsmoothmenu ul li.current-menu-item a,
.ddsmoothmenu ul li.nav-path-selected a {
    background: 0 0;
    border: none;
    border-left: 5px solid #f9b900;
    color: grey;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    height: auto;
    margin: 0;
    padding: 0 15px 0 10px !important
}

.ddsmoothmenu ul li ul {
    background: 0 0;
    border: none;
    border-left: 5px solid #f9b900;
    margin: 0;
    box-shadow: none;
    padding: 0
}

.ddsmoothmenu ul li:nth-child(1) a,
.ddsmoothmenu ul li:nth-child(1) ul {
    border-color: #F9B900
}

.ddsmoothmenu ul li:nth-child(2) a,
.ddsmoothmenu ul li:nth-child(2) ul {
    border-color: #3DA235
}

.ddsmoothmenu ul li:nth-child(3) a,
.ddsmoothmenu ul li:nth-child(3) ul {
    border-color: #004A90
}

.ddsmoothmenu ul li:nth-child(4) a,
.ddsmoothmenu ul li:nth-child(4) ul {
    border-color: #EB1E79
}

.ddsmoothmenu ul li:nth-child(5) a,
.ddsmoothmenu ul li:nth-child(5) ul {
    border-color: #F5911E
}

.ddsmoothmenu ul li:nth-child(6) a,
.ddsmoothmenu ul li:nth-child(6) ul {
    border-color: #0071BA
}

.ddsmoothmenu ul li:nth-child(7) a,
.ddsmoothmenu ul li:nth-child(7) ul {
    border-color: #91278D
}

.ddsmoothmenu ul li ul li {
    margin: 0
}

.ddsmoothmenu ul li ul li.first {
    margin-top: 10px
}

.ddsmoothmenu ul li ul li a:link,
.ddsmoothmenu ul li ul li a:visited {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 6px !important;
    padding-top: 6px !important;
    border: 1px solid #000;
    border-width: 0 1px 1px 0
}

.ddsmoothmenu ul li ul li.first a:link,
.ddsmoothmenu ul li ul li.first a:visited {
    border-top-width: 1px
}

.ddsmoothmenu ul li:nth-child(1) ul li a {
    border-color: #f9b900;
    background-color: #f9b900
}

.ddsmoothmenu ul li:nth-child(2) ul li a {
    border-color: #3da235;
    background-color: #3da235
}

.ddsmoothmenu ul li:nth-child(3) ul li a {
    border-color: #004A90;
    background-color: #004A90
}

.ddsmoothmenu ul li:nth-child(4) ul li a {
    border-color: #EB1E79;
    background-color: #EB1E79
}

.ddsmoothmenu ul li:nth-child(5) ul li a {
    border-color: #F5911E;
    background-color: #F5911E
}

.ddsmoothmenu ul li:nth-child(6) ul li a {
    border-color: #0071BA;
    background-color: #0071BA
}

.ddsmoothmenu ul li:nth-child(7) ul li a {
    border-color: #91278D;
    background-color: #91278D
}

.ddsmoothmenu ul li:nth-child(1) ul li a:hover {
    background-color: #fff;
    color: #f9b900
}

.ddsmoothmenu ul li:nth-child(2) ul li a:hover {
    background-color: #fff;
    color: #3da235
}

.ddsmoothmenu ul li:nth-child(3) ul li a:hover {
    background-color: #fff;
    color: #004a90
}

.ddsmoothmenu ul li:nth-child(4) ul li a:hover {
    background-color: #fff;
    color: #EB1E79
}

.ddsmoothmenu ul li:nth-child(5) ul li a:hover {
    background-color: #fff;
    color: #F5911E
}

.ddsmoothmenu ul li:nth-child(6) ul li a:hover {
    background-color: #fff;
    color: #0071BA
}

.ddsmoothmenu ul li:nth-child(7) ul li a:hover {
    background-color: #fff;
    color: #91278D
}

.ddsmoothmenu ul li ul li a .before {
    display: none !important
}

.downarrowclass,
.rightarrowclass,
.tparrows {
    display: none
}

.ddsmoothmenu ul li ul li ul {
    border-top: none;
    margin: 0
}

.ddsmoothmenu .before,
.ddsmoothmenu ul li a.selected,
.ddsmoothmenu ul li a:hover,
.ddsmoothmenu ul li.current-menu-item a,
.ddsmoothmenu ul li.nav-path-selected a {
    color: #125496
}


/*.ddsmoothmenu ul li ul li a{width:180px}*/

.content-wrapper {
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    background: #fff
}

.headersearch {
    margin: 0
}

.headersearch form {
    float: right;
    position: static;
    background-color: #125497;
    border-radius: 5px;
    border: 1px solid #fff
}

.headersearch input {
    background: #125497 !important;
    border-radius: 5px;
    height: 24px;
    padding: 4px 10px !important;
    text-indent: 0 !important;
    width: 150px !important
}

.headersearch button:before {
    content: "\f002";
    font-family: FontAwesome;
    color: #fff;
    font-size: 15px
}

.headersearch button {
    margin-left: 5px;
    padding: 0;
    text-align: -999px;
    text-transform: uppercase;
    width: 24px;
    background: 0 0;
    overflow: hidden;
    border: none
}

.hero {
    position: relative
}

.hero-overlay-text {
    left: 0;
    position: absolute;
    top: 158px;
    z-index: 2
}

.title-area {
    background: url(img/header-flags.png) right bottom no-repeat;
    height: 156px;
    margin-top: 12px;
    position: relative
}

.knowledge-hub .title-area,
.parent_knowledge-hub .title-area {
    background: url(img/header-knowledge-hub.png) right bottom no-repeat;
    margin-top: -25px
}

.parent_region_south_africa .title-area {
    background: url(/default/assets/Image/region-headers/southern-africa-header.png) right bottom no-repeat
}

.parent_region_pacific .title-area {
    background: url(/default/assets/Image/region-headers/pacific-header.png) right bottom no-repeat
}

.parent_region_asia .title-area {
    background: url(/default/assets/Image/region-headers/asia-header.png) right bottom no-repeat
}

.parent_region_west_africa .title-area {
    background: url(/default/assets/Image/region-headers/west-africa-header.png) right bottom no-repeat
}

.parent_region_east_africa .title-area {
    background: url(/default/assets/Image/region-headers/east-africa-header.png) right bottom no-repeat
}

.parent_region_europe .title-area {
    background: url(/default/assets/Image/region-headers/europe-header.png) right bottom no-repeat
}

.parent_region_americas .title-area {
    background: url(/default/assets/Image/region-headers/americas-header.png) right bottom no-repeat
}

.title-area h2 {
    bottom: 20px;
    margin: 0 !important;
    position: absolute;
    right: 210px;
    font-size: 68px;
    font-weight: 400;
    line-height: .9em
}

.title-area h2 p {
    margin: 0
}

.about-us .title-area h2,
.parent_about-us .title-area h2 {
    color: #3da235
}

#whatsnew .title-area h2,
.whats-new .title-area h2 {
    color: #EB1E79
}

#aboutus .title-area h2,
.aboutus .title-area h2 {
    color: #3da235
}

#regions .title-area h2,
.regions .title-area h2 {
    color: #F5911E
}

.our-work .title-area h2,
.parent_our-work .title-area h2 {
    color: #f5911e
}

.conferences .title-area h2,
.parent_conferences .title-area h2 {
    color: #0071ba
}

.clgf-publications .title-area h2,
.parent_clgf-publications .title-area h2 {
    color: #91278D
}

.knowledge-hub .title-area h2,
.parent_knowledge-hub .title-area h2 {
    color: #91278d;
    bottom: 33px;
    right: 120px
}

.home .main {
    margin-top: 30px
}

.breadcrumb {
    background: 0 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2em;
    padding: 5px 0
}

.breadcrumb,
.breadcrumb a,
.breadcrumb span {
    color: #125497
}

.breadcrumb .ccm-autonav-breadcrumb-sep {
    margin: 0 10px
}

.box,
.ccm-tweetcrete {
    margin-bottom: 30px
}

.bottom .box {
    margin: 30px 0 0
}

.box h2 {
    background-color: #004a90;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    line-height: 35px;
    margin: 0;
    padding: 0 20px
}

.box .btn,
.news .ccm-page-list-title .row .col-sm-6:nth-child(2),
.news .ccm-page-list-title .row .col-xs-6:nth-child(2) {
    padding: 0
}

.box .btn {
    background: url(img/more-btn.png) no-repeat;
    height: 28px;
    overflow: hidden;
    text-indent: -2000em;
    width: 67px
}

.box.news {
    border-bottom: 1px dotted #ebebeb
}

.box.news h2 {
    background-color: #f9b900;
    color: #1b1464
}

.box.news .ccm-page-list-title {
    background-color: #e9e5e4
}

.box.news h3 {
    font-size: 18px;
    line-height: 1.2em;
    margin: 10px 20px 10px 0 !important
}

.box.news .span6 h3 {
    margin-left: 10px
}

.box.news h3 a {
    color: #386292
}

.box.news .ccm-page-list-description {
    font-size: 16px;
    line-height: 1.2em;
    margin: 10px
}

.box.twitter-title {
    margin-bottom: 0
}

.box.twitter-title h2 {
    background-color: #125497
}

.timeline .stream {
    background-color: #e9f6fc !important;
    padding: 10px !important
}

.ccm-tweetcrete {
    background-color: #e9f6fc;
    padding: 20px
}

.ccm-tweetcrete-timeline li {
    color: #041117;
    font-size: 19px;
    line-height: 1.2em
}

.box.signup h2 {
    background-color: #3da235;
    font-size: 21px;
    font-weight: 400;
    padding: 0
}

.box.signup h2 a {
    color: #fff;
    display: block;
    padding: 5px 20px;
    text-align: center
}

.box.signup h2 a em {
    float: left;
    margin-top: 4px
}

.sidebar .nav {
    margin: 0 0 20px
}

.sidebar .nav li a {
    font-size: 19px;
    line-height: 1.2em;
    color: #004a93;
    padding: 8px 14px 8px 0;
    border-bottom: 1px solid #ccc
}

.sidebar .nav li a:hover {
    color: #3da235
}

.sidebar .nav li.nav-path-selected a,
.sidebar .nav li.nav-selected a {
    color: #3da235;
    font-weight: 700
}

.sidebar .nav ul {
    border-bottom: 1px solid #cecece;
    list-style: none;
    margin: 0;
    padding: 0
}

.sidebar .nav ul li a {
    display: block;
    font-size: 17px;
    padding-left: 40px
}

.sidebar .nav li.nav-path-selected ul li a,
.sidebar .nav li.nav-selected ul li a {
    color: grey;
    background: 0 0
}

.sidebar .nav ul li.nav-path-selected a,
.sidebar .nav ul li.nav-selected a {
    font-weight: 700
}

.footerwrap {
    background-color: #4d4d4d
}

.footerwrap .container {
    background: #4d4d4d;
    background: -moz-linear-gradient(left, #4d4d4d 0, grey 50%, #4d4d4d 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(50%, grey), color-stop(100%, #4d4d4d));
    background: -webkit-linear-gradient(left, #4d4d4d 0, grey 50%, #4d4d4d 100%);
    background: -o-linear-gradient(left, #4d4d4d 0, grey 50%, #4d4d4d 100%);
    background: -ms-linear-gradient(left, #4d4d4d 0, grey 50%, #4d4d4d 100%);
    background: linear-gradient(to right, #4d4d4d 0, grey 50%, #4d4d4d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#4d4d4d', GradientType=1)
}

.footer,
.subfooter {
    margin: 0 44px
}

.footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer div,
.footer li,
.footer ul {
    float: left
}

.footer a {
    color: #fff;
    display: block
}

.footer .quick-links {
    margin-top: 45px
}

.footer .quick-links a {
    border-bottom: 2px solid #f9ae3b;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;
    margin-right: 20px;
    text-transform: uppercase
}

.footer .quick-links li:nth-child(1) a {
    border-color: #36A7DF
}

.footer .quick-links li:nth-child(2) a {
    border-color: #F9AE3B
}

.footer .quick-links li:nth-child(3) a {
    border-color: #EB1E79
}

.footer .quick-links li:nth-child(4) a {
    border-color: #91278D
}

.footer .quick-links li:nth-child(5) a {
    border-color: #8AC43F
}

.footer .quick-links li:nth-child(6) a {
    border-color: #FAEC21
}

.footer .quick-links li:nth-child(7) a {
    border-color: #00A79B
}

.footer .clgf-branches {
    margin-top: 20px;
    width: 320px
}

.footer .clgf-branches a {
    background-color: grey;
    border-left: 2px solid #eb1e79;
    color: #fff;
    font: 700 12px/20px "Myriad W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 15px 30px;
    padding-left: 3px;
    width: 125px
}

.footer .clgf-branches li:nth-child(1) a {
    border-color: #f9ae3b
}

.footer .clgf-branches li:nth-child(2) a,
.footer .clgf-branches li:nth-child(5) a {
    border-color: #0071ba
}

.footer .clgf-branches li:nth-child(3) a {
    border-color: #39b34a
}

.subfooterwrap {
    background-color: #333
}

.subfooter,
.subfooter a {
    color: #fff
}

.subfooter .lefttext {
    padding: 22px 0;
    min-height: 0
}

.subfooter .righttext {
    padding: 11px 0;
    min-height: 0
}

.subfooter ul {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0
}

.list.news,
.staff_wrapper {
    margin-bottom: 20px
}

.subfooter li {
    float: left
}

.subfooter li a {
    background: 0 0;
    font-size: 40px;
    margin-left: 8px
}

.subfooter li a.clgf-blog {
    margin-right: 15px
}

.hero .caption {
    background-color: rgba(225, 225, 225, .9);
    padding: 10px 40px;
    position: absolute;
    top: 140px
}

.hero .caption .caption_btn span {
    display: block;
    color: #125497;
    font-size: 40px;
    letter-spacing: 1px
}

.hero .caption .caption_btn {
    font-size: 80px;
    line-height: 70%;
    color: #f9b900;
    font-family: "Gill Sans W04 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 5px 0
}

.hero .caption .caption_btn:hover {
    text-decoration: none
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-control {
    z-index: 2
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner>.item.active.left,
    .carousel-fade .carousel-inner>.item.active.right,
    .carousel-fade .carousel-inner>.item.next,
    .carousel-fade .carousel-inner>.item.prev {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .carousel-fade .carousel-inner>.item.active,
    .carousel-fade .carousel-inner>.item.next.left,
    .carousel-fade .carousel-inner>.item.prev.right {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.three_col.whats-new .box.news {
    position: relative;
    padding-bottom: 20px
}

.three_col.whats-new .box.news .btn {
    position: absolute;
    bottom: 10px
}

div.ccm-pagination {
    text-align: center;
    position: relative
}

div.ccm-pagination span.ccm-page-left {
    position: absolute;
    top: 0;
    left: 0
}

div.ccm-pagination span {
    margin-right: 4px
}

div.ccm-pagination span.ccm-page-right {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0 !important
}

.list.news {
    border-bottom: 1px dotted #353535;
    padding-bottom: 10px
}

.list.news img {
    max-width: 100%
}

.postbody h1 {
    color: #004a93;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 30px
}

#resourcecentre .headertop {
    margin-left: 269px
}

#resourcecentre h2.topic-wrapper {
    font-size: 40px
}

#resourcecentre h3 {
    font-size: 20px;
    margin-bottom: 20px
}

#resourcecentre p {
    color: #000
}

.expand-btn {
    cursor: pointer;
    color: #0071ba
}

.content h4 {
    color: #666
}

.knowledge-hub .headerwrap {
    border-bottom: 8px solid #91278d
}

.knowledge-hub .content h1 {
    color: #0071ba;
    font-size: 24px
}

.knowledge-hub .content a {
    color: #0071ba
}

.knowledge-hub .searchbox,
.search-result .searchbox {
    background-color: rgba(41, 169, 224, .1)
}

.local-democracy .headerwrap {
    border-bottom: 8px solid #8ac43f
}

.local-democracy .searchbox {
    background-color: rgba(138, 196, 63, .1)
}

.local-democracy-heading {
    color: #8ac43f
}

.local-democracy .content h3 {
    color: #39b34a
}

.local-democracy .subtopic-list li {
    color: #8ac43f
}

.local-government-finance .content h3,
.local-government-finance .subtopic-list li,
.local-government-finance-heading {
    color: #e84e1b
}

.local-democracy .abstract-list-box hr {
    border-top: 1px solid #8ac43f
}

.local-government-finance .headerwrap {
    border-bottom: 8px solid #e84e1b
}

.agenda-for-sustainable-development .headerwrap,
.local-government-in-small-states .headerwrap,
.local-government-service-delivery .headerwrap,
.women-in-local-government .headerwrap {
    border-bottom: 8px solid #91278d
}

.local-government-finance .searchbox {
    background-color: rgba(232, 78, 27, .1)
}

.local-government-finance .abstract-list-box hr {
    border-top: 1px solid #e84e1b
}

.local-government-service-delivery .subtopic-list li,
.local-government-service-heading {
    color: #9c9b9b
}

.local-government-service-delivery .searchbox {
    background-color: rgba(228, 228, 228, .1)
}

.local-government-service-delivery .abstract-list-box hr {
    border-top: 1px solid #9c9b9b
}

.local-government-in-small-states .abstract-list-box hr,
.women-in-local-government .abstract-list-box hr {
    border-top: 1px solid #91278d
}

.local-government-service-delivery .content h3 {
    color: #5d5d5d
}

.women-in-local-government .searchbox {
    background-color: rgba(102, 36, 130, .1)
}

.women-in-local-government .subtopic-list li {
    color: #941b80
}

.women-in-heading {
    color: #662482
}

.women-in-local-government .content h3 {
    color: #941b80
}

.local-government-in-small-states .searchbox {
    background-color: rgba(145, 39, 141, .1)
}

.local-government-in-small-states .subtopic-list li {
    color: #91278d
}

.local-government-in-small-states .content h3,
.local-government-small-heading {
    color: #00a099
}

.agenda-for-sustainable-development .content h3,
.agenda-for-sustainable-development .subtopic-list li,
.the-global-heading {
    color: #1d70b7
}

.agenda-for-sustainable-development .searchbox {
    background-color: rgba(29, 112, 183, .1)
}

.agenda-for-sustainable-development .abstract-list-box hr {
    border-top: 1px solid #1d70b7
}

.cities-and-urbanisation .content h3,
.cities-and-urbanisation .subtopic-list li,
.cities-and-urbanisation-heading {
    color: #3fa535
}

.local-economic-development .content h3,
.local-economic-development .subtopic-list li,
.local-economic-heading {
    color: #0067a9
}

.knowledgehub-box {
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    text-indent: -999px;
    overflow: hidden
}

.knowledge-hug-sidebar .searchbox {
    padding: 20px 45px
}

.knowledgehub-box a {
    display: block;
    height: 154px
}

.knowledgehub-box .cities-and-urbanisation {
    background: url(img/cities-and-urbanisation.jpg) no-repeat
}

.knowledgehub-box .local-economic {
    background: url(img/local-economic-development.jpg) no-repeat
}

.knowledgehub-box .local-democracy {
    background: url(img/local-democracy.jpg) no-repeat
}

.knowledgehub-box .local-government-finance {
    background: url(img/local-gov-finance.jpg) no-repeat
}

.knowledgehub-box .women-in {
    background: url(img/women-in-local-government.jpg) no-repeat
}

.knowledgehub-box .local-government-small {
    background: url(img/local-gove-in-small-states.jpg) no-repeat
}

.knowledgehub-box .local-government-service {
    background: url(img/local-gov-service-delivery.jpg) no-repeat
}

.knowledgehub-box .the-global {
    background: url(img/agenda.jpg) no-repeat
}

#abstractsearchform input,
#abstractsearchform option,
#abstractsearchform select {
    font-weight: 700
}

.subtopic-list {
    margin-bottom: 30px;
    width: 100%;
    float: left
}

.subtopic-list li {
    width: 46%;
    margin-right: 3%;
    float: left;
    list-style-type: square;
    font-size: 30px;
    line-height: 25px
}

.searchbox {
    padding-top: 20px;
    height: 100%
}

.searchbox .btn {
    width: 100%;
    margin-top: 15px;
    display: block
}

.datepicker.dropdown-menu {
    min-width: 260px
}

ul.subtopic-list li a,
ul.subtopic-list li span {
    font-size: 20px;
    color: #353535
}

.abstract-list-box {
    margin-top: 50px
}

.abstract-list-box h4 {
    margin-bottom: 2px
}

.kh_box,
.topic-list {
    margin-top: 20px
}

.knowledge-hug-inner-sidebar,
.knowledge-hug-sidebar {
    padding-left: 70px;
    height: 100%
}

.knowledge-hug-inner-sidebar .searchbox {
    padding: 20px 45px
}

.searchbox h3 {
    font-size: 24px;
    color: #666;
    margin-bottom: 5px
}

.searchbox label,
.searchbox p {
    font-size: 16px;
    color: #666
}

.searchbox .form-group {
    margin-bottom: 0
}

.content-wrapper.kh-content {
    padding-bottom: 0
}

.publication-date {
    text-align: right;
    color: #000
}

.mura-async-object .btn-default {
    background-color: #004a93;
    color: #fff;
    font-size: 20px
}

.feature-box .btn,
.flexi-box .btn {
    background: #EBE8F3
}

.editableForm .mura-async-object {
    width: 50%
}

img.regional-logo {
    padding-top: 20px
}

.topic-wrapper {
    margin-bottom: 1em
}

.topic-wrapper a {
    color: inherit
}

.landing-heading {
    margin-bottom: 0
}

.landing-heading .large {
    display: table-cell
}

.large-thumbnail-wrap,
.thumbnail-wrap,
.thumbnail-wrap-top-circle {
    top: 0;
    display: block;
    z-index: 9;
    text-align: center;
    overflow: hidden;
    position: relative
}

.landing-heading .small {
    font-size: 24px;
    line-height: 1.1
}

.large-thumbnail-wrap {
    width: 200px;
    height: 200px;
    margin-bottom: 20px
}

.large-thumbnail-wrap img {
    width: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

.thumbnail-wrap {
    width: 120px;
    height: 119px;
    margin-bottom: 20px
}

.thumbnail-wrap-top-circle {
    margin-right: 20px
}

.thumbnail-wrap img {
    width: 100%;
    margin-right: 15px
}

.thumbnail-heading2 {
    color: #6f6f6e
}

.leftpadding {
    padding-left: 25px
}

.flexi-box {
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    border: 2px solid #00A7AA
}

.flexi-box>* {
    flex: 1 100%
}

.flexi-box .flexi-box-heading {
    font-size: 20px
}

.flexi-box .flexi-box-image {
    flex: 1 40%
}

.flexi-box .flexi-box-summary {
    font-size: 16px;
    color: #000;
    flex: 1 60%
}

.flexi-box .btn {
    color: #000
}

.feature-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px solid #000;
    margin-bottom: 10px
}

.feature-box h3 {
    margin: 0 !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    padding-left: 20px;
    flex: 1 100%;
    color: #fff !important
}

.feature-box .icon-box {
    flex: 1;
    color: #fff;
    text-align: center;
    padding: 10px
}

.feature-box .icon-box span {
    display: block;
    margin: 10px 0
}

.feature-box .summary {
    flex: 1;
    font-size: 16px;
    padding: 10px 20px
}

.feature-box.bulletins {
    border-color: #cf47ca
}

.feature-box.bulletins h3 {
    background: #91278D
}

.feature-box.bulletins .icon-box {
    background: #cf47ca
}

.feature-box.bulletins.bluebox h3 {
    background: #36A7DF
}

.feature-box.bulletins.bluebox .icon-box {
    background: #36A9E1
}

.feature-box.bulletins.greenbox h3 {
    background: #8AC43F
}

.feature-box.bulletins.greenbox .icon-box {
    background: #F9B900
}

.feature-box.bulletins.purplebox h3 {
    background: #91278D
}

.feature-box.bulletins.purplebox .icon-box {
    background: #BD7DBB
}

.feature-box.knowledge-hub {
    border-color: #36A9E1
}

.feature-box.knowledge-hub h3 {
    background: #0071BA
}

.feature-box.knowledge-hub .icon-box {
    background: #36A9E1
}

.feature-box.regional-office {
    border-color: #6bcdd6
}

.feature-box.regional-office h3 {
    background: #09acba
}

.feature-box.regional-office .icon-box {
    background: #6bcdd6
}

.feature-box.board-members {
    border-color: #BD7DBB
}

.feature-box.board-members h3 {
    background: #91278D
}

.feature-box.board-members .icon-box {
    background: #BD7DBB
}

.feature-box.news {
    border-color: #F9B900
}

.feature-box.news h3 {
    background: #e3aa06
}

.feature-box.news .icon-box {
    background: #F9B900
}

.feature-box.sg-blog {
    border-color: #f86fab
}

.feature-box.sg-blog h3 {
    background: #EB1E79
}

.feature-box.sg-blog .icon-box {
    background: #f86fab
}

.feature-box.our-partners {
    border-color: #fac16a
}

.feature-box.our-partners h3 {
    background: #F9AE3B
}

.feature-box.our-partners .icon-box {
    background: #fac16a
}

.feature-box.e-news {
    border-color: #b8b8b8
}

.feature-box.e-news h3 {
    background: #969596
}

.feature-box.e-news .icon-box {
    background: #b8b8b8
}

.news-news {
    background-color: #8ac43f
}

.news-bulletin {
    background-color: #ef5a24
}

.news-statement {
    background-color: #979797
}

.news-country {
    background-color: #91278d
}

.news-research {
    background-color: #22b373
}

.news-policy {
    background-color: #0071ba
}

.news-box {
    padding: 5px 20px;
    margin: 30px 0 0
}

.news-block-icon img {
    width: 70%;
    height: auto
}

h4.news-box-heading {
    margin: 15px 0;
    color: #fff;
    text-transform: uppercase
}

.news-box .leftpadding {
    padding-left: 0
}

#whatsnew span.thumbnail-heading.leftpadding,
.clgf-publications span.thumbnail-heading.leftpadding {
    font-size: 22px
}

.btn {
    border-radius: 0 !important;
    font-weight: 400
}

.occupation,
.optionGroup,
.quotes-author {
    font-weight: 700
}

.btn.btn-link {
    padding: 6px 0
}

.btn.enews {
    background-color: #3DA235
}

a.btn.btn-success.btn-block.btn-lg.enews {
    background-color: #b8b8b8
}

.bottom-area-3 {
    margin-top: 30px
}

.staff_wrapper .staff_img {
    margin-top: 0;
    text-align: center
}

.staff_wrapper .staff_img img{
    max-width: 100%;
    width: 170px;
}

.pub_wrapper .staff_img {
    margin-top: 35px;
    text-align: center
}

.staff_wrapper .col-md-2 h3,
.staff_wrapper .col-md-2 h5 {
    text-align: center;
    line-height: .4
}

.occupation {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: #353535
}

.region-description {
    color: #007d80;
    background-color: #eaf6f9;
    padding: 20px 25px;
    font-weight: 700
}

#regions .content {
    padding-right: 30px
}

#regions .content p {
    margin-bottom: 1em
}

.news-thumb {
    height: 110px;
    overflow: hidden
}

.news-thumb img {
    width: 100%
}

.quotes {
    color: #000;
    font-size: 17px
}

.quotes:before {
    content: open-quote;
    position: relative;
    top: 50px
}

.quotes:after {
    content: close-quote;
    position: absolute;
    bottom: 30px
}

.quotes:after,
.quotes:before {
    font-size: 6em;
    color: #87898C
}

.quotes-author {
    font-size: 25px;
    font-style: italic;
    color: #000;
    margin-top: 15px
}

.mobile-slogan {
    display: none
}

.desktop-wedge {
    display: block
}

.mobile-wedge,
.tabletlogo {
    display: none
}

.kh-heading {
    color: #91278d
}

#whatsnew .box.news h2 {
    margin-bottom: 0
}

#regions img.image-right {
    float: right
}

.p24px {
    font-size: 24px
}

.p22px {
    font-size: 22px
}

.p20px {
    font-size: 20px
}

.p16px {
    font-size: 16px
}

.h1-35px {
    font-size: 35px
}

.h1-30px {
    font-size: 30px
}

.h1-25px {
    font-size: 25px
}

.h2-26px {
    font-size: 26px
}

.h2-24px {
    font-size: 24px
}

.h2-20px {
    font-size: 20px
}

a.highlight-link {
    color: #91278D !important
}

a[href$=".pdf"]:after {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    content: "";
    background: url(/default/assets/Image/icons/adobe-acrobat-pdf-file-50.png) no-repeat;
    background-size: 100%
}

.back-btn-wrapper {
    color: #353535;
    float: left;
    margin-right: -1px;
    margin-bottom: -1px;
    font-size: 11px;
    text-transform: none;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #e5e5e5;
    line-height: 27px;
    margin-bottom: 20px
}

.back-btn-wrapper a {
    font-size: 16px
}

.feature-box.knowledge-hub.pacific {
    border-color: #F9B900
}

.feature-box.knowledge-hub.pacific h3 {
    background: #F9B900
}

.feature-box.knowledge-hub.pacific .icon-box {
    background: #FFD31A
}

.feature-box.knowledge-hub.asia {
    border-color: #3DA235
}

.feature-box.knowledge-hub.asia h3 {
    background: #3DA235
}

.feature-box.knowledge-hub.asia .icon-box {
    background: #57BC4F
}

.feature-box.knowledge-hub.southern-africa {
    border-color: #004A90
}

.feature-box.knowledge-hub.southern-africa h3 {
    background: #004A90
}

.feature-box.knowledge-hub.southern-africa .icon-box {
    background: #1A64AA
}

.feature-box.knowledge-hub.west-africa {
    border-color: #EB1E79
}

.feature-box.knowledge-hub.west-africa h3 {
    background: #EB1E79
}

.feature-box.knowledge-hub.west-africa .icon-box {
    background: #FF3893
}

.feature-box.knowledge-hub.east-africa {
    border-color: #F5911E
}

.feature-box.knowledge-hub.east-africa h3 {
    background: #F5911E
}

.feature-box.knowledge-hub.east-africa .icon-box {
    background: #FFAB38
}

.feature-box.knowledge-hub.europe {
    border-color: #0071BA
}

.feature-box.knowledge-hub.europe h3 {
    background: #0071BA
}

.feature-box.knowledge-hub.europe .icon-box {
    background: #1A8BD4
}

.feature-box.knowledge-hub.americas {
    border-color: #91278D
}

.feature-box.knowledge-hub.americas h3 {
    background: #91278D
}

.feature-box.knowledge-hub.americas .icon-box {
    background: #AB41A7
}

@media (min-width: 1200px) {
    .content-wrapper {
        width: 1230px;
        margin: 0 auto;
        padding: 0 30px 30px
    }
}

@media (max-width: 1200px) {
    img {
        max-width: 100%;
        height: auto
    }
    .home .logo {
        margin: 35px 15px 0 45px
    }
    .header-left {
        width: 220px
    }
    .header-right {
        width: 750px
    }
    .hero .caption {
        top: 120px
    }
    .hero .caption .caption_btn {
        font-size: 60px
    }
    .hero .caption .caption_btn span {
        font-size: 35px
    }
    .ddsmoothmenu ul li a,
    .ddsmoothmenu ul li a:link,
    .ddsmoothmenu ul li a:visited,
    .ddsmoothmenu ul li.current-menu-item a,
    .ddsmoothmenu ul li.nav-path-selected a {
        padding: 0 12px 0 5px !important
    }
    .headersearch input {
        width: 115px !important
    }
    .header-bar {
        bottom: 0
    }
    .header-shadow {
        bottom: 5px
    }
    .knowledge-hug-inner-sidebar .searchbox {
        padding: 20px
    }
    .knowledge-hug-inner-sidebar,
    .knowledge-hug-sidebar {
        padding-left: 0
    }
    .knowledgehub-box a {
        background-size: 100%
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    .knowledgehub-box a {
        background-size: 100% !important;
        height: 94px
    }
}

@media (min-width: 992px) {
    .news-right {
        padding-left: 0
    }
}

@media (max-width: 992px) {
    .hamburger-nav,
    .mainmenu {
        -webkit-transition: all .6s cubic-bezier(.7, .01, .3, 1);
        -moz-transition: all .6s cubic-bezier(.7, .01, .3, 1);
        -o-transition: all .6s cubic-bezier(.7, .01, .3, 1);
        -ms-transition: all .6s cubic-bezier(.7, .01, .3, 1);
        transition: all .6s cubic-bezier(.7, .01, .3, 1)
    }
    .logo {
        margin: 20px 0 0 !important;
        display: table
    }
    .logo img {
        width: 100px
    }
    .logo-bottom,
    .slogan {
        display: none
    }
    .mobile-slogan {
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        line-height: 1;
        font-size: 20px
    }
    .header-left,
    .header-right {
        width: 100%
    }
    .ddsmoothmenu ul li a,
    .ddsmoothmenu ul li a:link,
    .ddsmoothmenu ul li a:visited,
    .ddsmoothmenu ul li.current-menu-item a,
    .ddsmoothmenu ul li.nav-path-selected a {
        padding: 0 7px 0 3px !important;
        font-size: 16px;
        margin-bottom: 10px
    }
    .downarrowclass {
        display: inline
    }
    .header-bar {
        bottom: 0
    }
    .header-shadow {
        bottom: 5px
    }
    .hamburger-nav {
        position: absolute;
        top: 25px;
        right: 70px;
        font-size: 30px;
        color: #125497;
        cursor: pointer;
        z-index: 100000
    }
    .open .hamburger-nav {
        right: 320px
    }
    .mainmenu {
        position: fixed;
        right: -250px;
        top: 0;
        margin: 0;
        width: 250px;
        height: 100%;
        z-index: 10000;
        background-color: #eee
    }
    .open .mainmenu {
        right: 0
    }
    .ddsmoothmenu ul li,
    .dropdown-menu {
        float: none
    }
    .ddsmoothmenu ul>li ul.active {
        position: relative;
        top: 0;
        display: block !important;
        width: 100%;
        margin-bottom: 10px !important
    }
    .ddsmoothmenu ul>li ul.active a {
        width: 100%
    }
    .ddsmoothmenu ul li ul li a {
        width: auto
    }
    .ddsmoothmenu ul li ul {
        top: -15px !important;
        position: static
    }
    .headertop {
        display: none
    }
    .headersearch {
        position: static;
        margin: 10px 0
    }
    #searchForm {
        text-align: right;
        top: 20px;
        right: 20px;
        -webkit-transition: all .6s cubic-bezier(.7, .01, .3, 1);
        -moz-transition: all .6s cubic-bezier(.7, .01, .3, 1);
        -o-transition: all .6s cubic-bezier(.7, .01, .3, 1);
        -ms-transition: all .6s cubic-bezier(.7, .01, .3, 1);
        transition: all .6s cubic-bezier(.7, .01, .3, 1);
        display: block;
        border: none;
        margin-right: 16px
    }
    #searchForm .input-group {
        display: inline-block;
        max-width: 100%;
        font-weight: 700;
        width: 100%
    }
    #searchForm #navKeywords {
        border: none;
        cursor: pointer;
        height: 30px;
        position: relative;
        transition: width .4s ease 0s, background .4s ease 0s;
        width: 40px !important;
        padding: 0 !important;
        border-radius: 0;
        color: #125497
    }
    #searchForm #navKeywords:focus {
        cursor: text;
        outline: 0;
        width: 300px !important;
        background-color: #fff !important;
        padding: 4px 10px !important
    }
    .subfooter {
        margin: 0
    }
    .footer {
        margin: 20px 0
    }
    .footer .quick-links {
        margin-top: 0
    }
    .header-left,
    .header-right {
        position: static
    }
    .box.news h3 {
        font-size: 17px;
        margin-left: 10px
    }
    .mobile-slogan strong {
        color: #125497
    }
    .desktop-wedge {
        display: none
    }
    .mobile-wedge {
        display: block
    }
    .footer .quick-links a {
        margin-right: 18px
    }
    .title-area {
        margin-top: -50px;
        background-size: 180px 115px;
        height: 115px
    }
    .title-area h2 {
        width: 100%;
        right: initial
    }
    .desktoplogo {
        display: none
    }
    .tabletlogo {
        display: block
    }
    #homepage .logo {
        margin: 20px 0 !important
    }
    .btn.enews,
    .feature-box {
        margin-top: 22px
    }
    .subfooter .clgf-blog img {
        width: 100px
    }
    .subfooter li a {
        font-size: 35px
    }
    .feature-box {
        margin-bottom: 0
    }
    h2 {
        margin: 20px 0
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .quotes:after {
        bottom: 35px
    }
    .mobile-slogan {
        font-size: 25px
    }
    .logo img[data-src992px] {
        content: attr(data-src992px, url)
    }
    .subfooter .lefttext {
        font-size: 15px
    }
    .hamburger-nav {
        font-size: 35px;
        right: 10px;
        top: 50%;
        margin-top: -27px
    }
    .open .hamburger-nav {
        right: 260px
    }
    .header-left {
        position: relative
    }
    .title-area h2 {
        text-align: center;
        font-size: 65px;
        bottom: 25px
    }
    .footer .quick-links {
        margin-top: 12px
    }
    .content-wrapper {
        margin-bottom: 22px
    }
    .bottom-area-3 {
        margin-top: 22px
    }
    .box.news {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    #regions .bottom-content .content img,
    .news-thumb {
        height: auto
    }
    .header-left,
    .header-right {
        width: 100%;
        float: none
    }
    .staff_wrapper .staff_img {
        margin-bottom: 20px;
        text-align: center
    }
    .title-area {
        margin-top: 0 !important
    }
    .home .main {
        margin-top: 22px
    }
    .box.news {
        margin-bottom: 25px;
        border-bottom: none
    }
    .box.news .ccm-page-list-description {
        margin: 12px 10px
    }
    .feature-box .summary {
        line-height: 1.3
    }
    .feature-box .summary p {
        margin-bottom: 10px
    }
    .editableForm .mura-async-object {
        width: 100%
    }
    .content-wrapper {
        border: 0;
        padding: 0 20px 30px
    }
    .hamburger-nav {
        right: 0
    }
    .open .hamburger-nav {
        right: 250px
    }
    #mobilesearchForm {
        display: inline-block !important;
        margin-top: 10px;
        position: static;
        width: 100%;
        margin-bottom: 20px
    }
    #mobilesearchForm #navKeywords {
        color: #fff;
        background-color: #125497;
        border-radius: 5px;
        border: 1px solid #fff;
        width: 100%
    }
    .hero .caption .caption_btn {
        font-size: 30px
    }
    .hero .caption .caption_btn span {
        font-size: 20px
    }
    .hero .caption {
        top: initial;
        bottom: 0
    }
    .footerwrap,
    .subfooterwrap {
        padding: 0 20px
    }
    .title-area h2 {
        left: 0;
        width: 50%;
        font-size: 48px !important;
        right: initial
    }
    #aboutus h1,
    #regions h1,
    #whatwedo h1 {
        margin-top: 25px
    }
    p.clearfix {
        line-height: 0
    }
    .landing-heading .small {
        font-size: 19px;
        line-height: .5
    }
    .ccm-page-list-title {
        margin-top: 20px
    }
    .box.news .ccm-page-list-title {
        margin-top: 0
    }
    .news .ccm-page-list-title .row .col-sm-6:nth-child(2),
    .news .ccm-page-list-title .row .col-xs-6:nth-child(2) {
        padding-left: 15px;
        padding-right: 15px
    }
    img.pull-right {
        float: left !important;
        margin-top: 30px
    }
    #regions .content {
        padding-right: 15px
    }
    .parent_region_americas .title-area,
    .parent_region_asia .title-area,
    .parent_region_east_africa .title-area,
    .parent_region_europe .title-area,
    .parent_region_pacific .title-area,
    .parent_region_south_africa .title-area,
    .parent_region_west_africa .title-area {
        background-size: 100%
    }
    .subtopic-list li {
        width: auto
    }
    .footer .quick-links {
        margin-top: 0;
        width: 70%;
        margin-bottom: 25px
    }
    .footer li {
        float: none
    }
    .subfooter ul {
        width: 100%;
        margin-bottom: 15px
    }
    .footer .logo-wedge,
    li.subfooter-news {
        float: right
    }
    .subfooter .lefttext {
        font-size: 14px;
        text-align: center
    }
    .breadcrumb {
        display: none
    }
    .news.box .news-thumb a {
        display: block;
        overflow: hidden;
        max-height: 200px
    }
    .news.box .news-thumb a img {
        position: relative;
        top: -20px
    }
    img.pull-left.thumbnail-wrap-top-circle {
        margin-bottom: 22px
    }
}

@media (max-width: 375px) {
    .knowledgehub-box a {
        background-size: 100% !important;
        height: 134px
    }
    .title-area h2 {
        font-size: 40px !important
    }
}

@media (max-width: 320px) {
    .mobile-slogan {
        font-size: 18px
    }
}

.home .sidebar form .subscription-form-label {
    width: 40%;
}