body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    background-color: #FFF;
    background-size: 100%;
}

a,
li {
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

p {
    margin: 0 0 25px 0 !important;
}
/*Main Menu */

ul.primary-nav {
    margin: 42px 0 0 0;
    float: left;
}

ul.primary-nav li {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 14px;
    color: #FFF;
    display: inline-block;
    margin-right: -4px;
    position: relative;
    padding: 15px 20px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.primary-nav li a:hover {
    color: #9f7a44;
}
ul.primary-nav li:hover {
    color: #796241;
}

ul.primary-nav li ul {
    padding: 0;
    position: absolute;
    top: 48px;
    left: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -transition: opacity 0.2s;
}

ul.primary-nav li ul li {
    background: #3f3f3d;
    display: block;
    color: #fff;
    text-transform: uppercase;
    width: 200px;
    text-align: left;
}

ul.primary-nav li ul li:hover {
    background: #796241;
}

ul.primary-nav li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
}

.primary-nav img{
    margin:-3px 0 0 0;
    float: right;
}
/*End*/


/*THE 3 BUTTONS ON HEADER */

ul.three-buttons {
    margin: 42px 0 0 0;
    float: center;

}

ul.three-buttons li {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 14px;
    color: #FFF;
    display: inline-block;
    margin-right: 16px;
    position: relative;
    padding: 15px 20px;
    cursor: pointer;
            border: 1px solid #ffffff;
            width: 242px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.three-buttons li a:hover {
    color: #9f7a44;
}
ul.three-buttons li:hover {
    color: #796241;
}

ul.three-buttons li ul {
    padding: 0;
    position: absolute;
    top: 48px;
    left: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -transition: opacity 0.2s;
}

ul.three-buttons li ul li {
    background: #3f3f3d;
    display: block;
    color: #fff;
    text-transform: uppercase;
    width: 242px;
    text-align: left;

}

ul.three-buttons li ul li:hover {
    background: #796241;
}

ul.three-buttons li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
}

.three-buttons li {
    float: left;
    list-style-type: none;
    text-align: center;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.three-buttons li a {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    -webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}


/*End*/



.header-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
}

.header-wrapper video {
    width: 100%;
    height:100%;
    /* height: 768px; */
    
    box-sizing: border-box;
}

#main-content {
    min-height: 100%;
    float: left;
    width: 100%;
    position: relative;
    z-index: 2000;
}

.header {
    position: relative;
    width: 100%;
    height: 156px;
    z-index: 1000;
    top: 0;
}

.header-content-wrapper {
    height: 100%;
    position: relative;
    width: 100%;
    top: 0;
}
.uae-pap-logo {
    background: url('../images/uae-pap-logo.png') no-repeat;
    background-size: 68px 86px;
    text-decoration: none;
    text-indent: -5000px;
    float: left;
    height: 86px;
    width: 68px;
    margin: 38px 34px 0 39px;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.primary-nav li {
    float: left;
    list-style-type: none;
    text-align: center;
    -webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
    -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);

}

.primary-nav li a {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    -webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
    -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);

}

.choose-language {
    position: relative;
}
.choose-language li {
    float: right;
    list-style-type: none;
    margin: 54px 39px 0 0;
    height: 27px;
    width: 137px;
    text-align: center;
    border: 1px solid #ffffff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.choose-language li a {
    font-family: 'janna_lt';
    font-size: 12px;
    text-decoration: none;
    line-height: 30px;
    color: #ffffff;
    display: block;
    height: 27px;
    -webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.social-icon {
    position: relative;
}

.social-icon li {
    float: right;
    margin: 54px 0 0 0;
    height: 27px;
    width: 27px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.insta-btn {
    background: url('../images/insta-btn-header.png') no-repeat;
    background-size: 11px 11px;
    text-decoration: none;
    list-style-type: none;
    text-indent: -5000px;
    float: left;
    width: 27px;
    height: 27px;
    background-position: 50%;
}

.border-1 {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}

.twt-btn {
    background: url('../images/twt-btn-header.png') no-repeat;
    background-size: 13px 11px;
    text-decoration: none;
    list-style-type: none;
    text-indent: -5000px;
    float: left;
    width: 27px;
    height: 27px;
    background-position: 50%;
}

.border-none {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}

.fb-btn {
    background: url('../images/fb-btn-header.png') no-repeat;
    background-size: 6px 11px;
    text-decoration: none;
    list-style-type: none;
    text-indent: -5000px;
    float: left;
    width: 27px;
    height: 27px;
    background-position: 50%;
}

.border {
    border: 1px solid #ffffff;
}

.index-title-wrapper {
    width: 903px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -451px;
    margin-top: -200px;
}

.index-video-content-wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
}

.arabic-saying {
    background: url('../images/arabic-saying.png') no-repeat;
    background-size: 563px 122px;
    width: 596px;
    height: 122px;
    border-bottom: 0px solid #eaf2f8;
    background-position: 50% 0;
    margin: 50px auto;
    padding-bottom: 20px;
}

.tittle-wrapper {
    margin: 25px auto 0;
    text-align: center;
    line-height: 45px;
}

.font-brandon-rg-56 {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 56px;
    color: #ffffff;
}

.font-brandon-thin-35 {
    font-family: 'brandon_grotesquethin';
    font-size: 35px;
    color: #ffffff;
}

.index-btn li {
    list-style-type: none;
    margin: 88px 15px 0 0;
    height: 65px;
    width: 284px;
    text-align: center;
    border: 1px solid #ffffff;
    float: left;
}

.index-btn li a {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 14px;
    text-decoration: none;
    line-height: 70px;
    color: #ffffff;
}

.scroll-down-wrapper {
    position: absolute;
    left: 50%;
    margin-left: -36px;
    width: 73px;
    text-align: center;
    bottom: 40px;
}

.scroll-down-title {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 10px;
    color: #ffffff;
    -webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.scroll-down-icon {
    background: url('../images/scroll-down-icon.png') no-repeat;
    background-position: 50%;
    background-size: 17px 10px;
    position: relative;
    width: 54px;
    text-align: center;
    border: 2px solid rgba(255, 255, 255, 0.24);
    height: 54px;
    border-radius: 54px;
    margin: 10px auto 0;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.golden-background-panel {
    background-image: url('../images/bg_golden_pattern.png');
    background-size: 163px 144px;
    background-color: #b99764;
    width: 100%;
    float: left;
    position: relative;
    padding: 106px 0;
}

.khalifa-pic {
    background: url('../images/khalifa-pic.png') no-repeat;
    background-size: 266px 266px;
    height: 266px;
    width: 266px;
    margin: 0 auto;
    text-indent: -5000px;
}

.khalifa-title {
    margin: 20px auto 0;
    width: 100%;
    text-align: center;
}

.font-brandon-rg-12 {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 12px;
    color: #ffffff;
}

.font-brandon-md-28 {
    font-family: 'brandon_grotesquemedium';
    font-size: 28px;
    color: #ffffff;
}

.font-brandon-rg-12-golden {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 12px;
    color: #ffdda9;
}

.line-210 {
    height: 1px;
    width: 210px;
    border: 0;
    background-color: #e5bd80;
    color: #e5bd80;
    margin: 26px auto 0;
}

.line-105 {
    height: 1px;
    width: 105px;
    border: 0;
    background-color: #e5bd80;
    color: #e5bd80;
    margin: 4px auto 0;
}

.khalifa-content {
    width: 50%;
    text-align: center;
    margin: 73px auto 0;
    display: none;
}

.font-brandon-lite-36-golden {
    font-family: 'brandon_grotesquelight';
    font-size: 36px;
    color: #ffdda9;
    text-transform: uppercase;
}

.moh-bin-pic-wrapper {
    width: 50%;
    float: left;
}

.moh-bin-pic-wrapper-2 {
    width: 75%;
    float: right;
}

.moh-bin-pic {
    background: url('../images/moh-bin-pic.png') no-repeat;
    background-size: 205px 205px;
    height: 205px;
    width: 205px;
    margin: 0 auto;
    text-indent: -5000px;
}

.moh-bin-title {
    margin: 20px auto 0;
    width: 100%;
    text-align: center;
}

.font-brandon-rg-10 {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 10px;
    color: #939598;
}

.font-brandon-md-18 {
    font-family: 'brandon_grotesquemedium';
    font-size: 18px;
    color: #2e2e2d;
}

.font-brandon-rg-10-dark-gray {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 10px;
    color: #939598;
    text-transform: uppercase;
}

.line-210-dark-gray {
    height: 1px;
    width: 210px;
    border: 0;
    background-color: #646462;
    color: #646462;
    margin: 48px auto 0;
}

.line-105-dark-gray {
    height: 1px;
    width: 105px;
    border: 0;
    background-color: #646462;
    color: #646462;
    margin: 4px auto 0;
}

.content-wrapper {
    text-align: center;
    margin: 48px auto 0;
    padding: 0 20px;
    /* height: 204px; */
    /* overflow: hidden; */
}

.font-brandon-lite-24-golden {
    font-family: 'brandon_grotesquelight';
    font-size: 24px;
    color: #b99764;
    text-transform: uppercase;
    display: inline;
}

.mansour-bin-pic-wrapper {
    width: 50%;
    float: right;
}

.mansour-bin-pic-wrapper-2 {
    width: 75%;
    float: left;
}

.mansour-bin-pic {
    background: url('../images/mansour-bin.png') no-repeat;
    background-size: 205px 205px;
    height: 205px;
    width: 205px;
    margin: 0 auto;
    text-indent: -5000px;
}

.mansour-bin-title {
    margin: 20px auto 0;
    width: 100%;
    text-align: center;
}

.our-mission-panel {
    background: url('../images/our-mission-panel.jpg') no-repeat;
    width: 100%;
    float: left;
    position: relative;
    background-position: 50%;
    padding: 108px 0;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arabic-saying-2 {
    background: url('../images/arabic-saying-2.png') no-repeat;
    background-size: 180px 77px;
    width: 180px;
    height: 77px;
    margin: 0 auto;
}

.our-mission-title {
    margin: 61px auto 0;
    text-align: center;
    width: 530px;
}

.font-brandon-md-63 {
    font-family: 'brandon_grotesquemedium';
    font-size: 63px;
    color: #ffffff;
    text-transform: uppercase;
}

.font-brandon-thin-50 {
    font-family: 'brandon_grotesquethin';
    font-size: 50px;
    color: #ffffff;
}

.line-258 {
    height: 1px;
    width: 258px;
    border: 0;
    background-color: #857970;
    color: #857970;
    margin: 43px auto 0;
}

.objectives-title {
    margin: 43px auto 0;
    text-align: center;
    width: 358px;
}

.objectives-index {
    margin: 56px 10% 0;
    overflow: hidden;
    width: 80%;
}

.objectives-wrapper {
    overflow: hidden;
}

.objectives-wrapper ul {
    overflow: hidden;
}

.objectives-wrapper li {
    width: 20%;
    height: 0;
    padding-bottom: 18%;
    float: left;
    position: relative;
}

.objectives-box {
    border: 1px solid #ffffff;
    width: 90%;
    height: 100%;
    text-decoration: none;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    text-align: center;
    box-sizing: border-box;
}

.objectives-box-title {
    font-family: 'brandon_grotesquebold';
    font-size: 22px;
    color: #ffffff;
    padding: 30px 0 15px 0;
    box-sizing: border-box;
}

.objectives-box-content {
    font-family: 'brandon_grotesquelight';
    font-size: 15px;
    line-height: 1.3;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0 10px;
    box-sizing: border-box;
    transform: translate(0,17px);
}

.about-panel {
    background: url('../images/about-bg.jpg');
    width: 100%;
    float: left;
    position: relative;
    /* -webkit-background-size: cover !important; */
    
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    /* background-size: cover !important; */
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 149px 153px;
    background-color: #fef6e9;
    padding: 108px 0;
}

.arabic-saying-2 {
    background: url('../images/arabic-saying-2.png') no-repeat;
    background-size: 180px 77px;
    width: 180px;
    height: 77px;
    margin: 0 auto;
}

.title-wrapper {
    margin: 61px auto 0;
    text-align: center;
    width: 941px;
}

.font-brandon-md-63-golden {
    font-family: 'brandon_grotesquemedium';
    font-size: 63px;
    color: #b99764;
    text-transform: uppercase;
}

.font-brandon-lite-36-golden-lower-case {
    font-family: 'brandon_grotesquelight';
    font-size: 36px;
    color: #b99764;
}

.about-inbex-btn li {
    list-style-type: none;
    margin: 61px auto 0;
    height: 65px;
    width: 284px;
    text-align: center;
    border: 1px solid #b99764;
}

.about-inbex-btn li a {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 14px;
    text-decoration: none;
    line-height: 65px;
    color: #b99764;
}

.picture-gallery-panel {
    background-color: #ffffff;
    width: 100%;
    float: left;
    position: relative;
    padding: 106px 0 0 0;
}

.arabic-saying-2 {
    background: url('../images/arabic-saying-2.png') no-repeat;
    background-size: 180px 77px;
    width: 180px;
    height: 77px;
    margin: 0 auto;
}

.pic-wrapper-left {
    width: 50%;
    float: left;
    background: url('../images/gallery-pic-1.jpg') no-repeat;
    position: relative;
    /* -webkit-background-size: cover !important; */
    
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    /* background-size: cover !important; */
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 441px;
    background-position: right 50%;
    background-size: cover !important;
    cursor: pointer;
}

.pic-wrapper-right {
    width: 50%;
    float: right;
    background: url('../images/gallery-pic-2.jpg') no-repeat;
    position: relative;
    /* -webkit-background-size: cover !important; */
    
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    /* background-size: cover !important; */
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 441px;
    background-position: right 50%;
    background-size: cover !important;
    cursor: pointer;
}

.picture-gallery-tittle-wrapper-left {
    margin: 309px 39px 0 0;
    line-height: 45px;
    float: right;
}

.font-brandon-rg-56-float-right {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 56px;
    color: #ffffff;
    float: right;
}

.picture-gallery-tittle-wrapper-right {
    margin: 309px 0 0 39px;
    line-height: 45px;
    float: left;
}

.font-brandon-rg-56-float-left {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 56px;
    color: #ffffff;
    float: left;
}

.projects-timeline-panel {
    background-color: #fef6e9;
    width: 100%;
    float: left;
    position: relative;
    padding: 106px 0 39px 0;
    box-sizing: border-box;
}

.font-brandon-lite-12-golden {
    font-family: 'brandon_grotesquelight';
    font-size: 12px;
    color: #b99764;
    line-height: 36px;
    text-transform: uppercase;
}

.learn-more-btn li {
    list-style-type: none;
    margin: 50px auto 0;
    height: 65px;
    width: 284px;
    text-align: center;
    border: 1px solid #b99764;
}

.learn-more-btn li a {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 14px;
    text-decoration: none;
    line-height: 70px;
    color: #b99764;
    display: block;
    height: 65px;
    width: 284px;
    text-transform: uppercase;
}

.learn-more-btn-project-timeline li {
    list-style-type: none;
    margin: 15px auto 0;
    height: 65px;
    width: 284px;
    text-align: center;
    border: 1px solid #b99764;
}

.learn-more-btn-project-timeline li a {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 14px;
    text-decoration: none;
    line-height: 70px;
    color: #b99764;
    display: block;
    height: 65px;
    width: 284px;
    text-transform: uppercase;
}

.frame {
    width: 100%;
    height: 100%;
    padding: 0;
}

.frame .slidee {
    margin: 0;
    padding: 0;
    height: 100%;
    list-style: none;
}

.frame .slidee li {
    float: left;
    margin: 0;
    padding: 0;
    width: 120px;
    height: 100%;
}

.scrollbar {
    width: 100%;
    height: 5px;
    margin: 20px 0 0 0;
    background: #3f3f3d;
}

.scrollbar .handle {
    width: 240px;
    height: 100%;
    background-color: #b99764;
    position: relative;
}

#projects-timeline-index {
    margin: 24px 0 0 0;
    overflow: hidden;
    width: 100%;
    /* height: 303px; */
    
    position: relative;
}

#projects-timeline-wrapper li {
    list-style-type: none;
    text-align: center;
    width: 240px;
    height: 240px;
    /*    padding-bottom: 16.65%;*/
    
    float: left;
    position: relative;
}

#projects-timeline-box-01 {
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: absolute;
    left: 0;
}

.projects-timeline-box-02 {
    background: url('../images/project-timeline-pic-02.jpg') no-repeat;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: absolute;
    left: 0;
}

.projects-timeline-box-03 {
    background: url('../images/project-timeline-pic-03.jpg') no-repeat;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: absolute;
    left: 0;
}

.projects-timeline-box-04 {
    background: url('../images/project-timeline-pic-04.jpg') no-repeat;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: absolute;
    left: 0;
}

.projects-timeline-box-05 {
    background: url('../images/project-timeline-pic-05.jpg') no-repeat;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: absolute;
    left: 0;
}

.projects-timeline-box-06 {
    background: url('../images/project-timeline-pic-06.jpg') no-repeat;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: absolute;
    left: 0;
}

.projects-timeline-box-title {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 auto;
    width: 180px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.projects-timeline-box-icon {
    background: url('../images/projects-timeline-link-icon.png') no-repeat;
    background-position: 50%;
    background-size: 25px 25px;
    width: 54px;
    height: 54px;
    border-radius: 54px;
    margin: 20px auto 0;
    background-color: #ffffff;
}

.projects-timeline-box-content {
    font-family: 'brandon_grotesquelight';
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
}

.projects-timeline-scroll-wrapper {
    margin: 33px auto 0;
    width: 387px;
    position: relative;
}

.projects-timeline-scroll-icon {
    background: url('../images/scroll-down-icon.png') no-repeat;
    background-position: 88%;
    background-size: 7px 11px;
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 54px;
    margin: 10px auto 0;
    background-color: #b99764;
    float: left;
}

.projects-timeline-scroll-line-345 {
    height: 1px;
    width: 345px;
    border: 0;
    background-color: #b99764;
    color: #b99764;
}

.contact-panel {
    background: url('../images/about-bg.jpg');
    background-size: 149px 153px;
    background-color: #fef6e9;
    width: 100%;
    float: left;
    position: relative;
    background-position: 50%;
    padding: 108px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-form-wrapper {
    margin: 40px auto 0;
    overflow: hidden;
    width: 962px;
}

.name-wrapper {
    width: 29.50%;
    height: 79px;
    border-bottom: 1px solid #b99764;
    position: relative;
    float: left;
}

.email-wrapper {
    width: 29.50%;
    height: 79px;
    border-bottom: 1px solid #b99764;
    position: relative;
    float: left;
    margin: 0 55px;
}

.text-field-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.text-field-style {
    background: transparent;
    border: 0;
    width: 100%;
    height: 37px;
    font-family: 'brandon_grotesquelight';
    font-size: 24px;
    color: #000000;
}

.text-field-style:focus {
    outline: none;
}

.font-brandon-lite-24--dark-golden {
    font-family: 'brandon_grotesquelight';
    font-size: 24px;
    color: #b99764;
}

.messege-wrapper {
    width: 100%;
    height: 79px;
    border-bottom: 1px solid #b99764;
    position: relative;
    float: left;
    text-align: center;
    margin: 47px 0 0;
}

.submit-wrapper {
    list-style-type: none;
    margin: 99px auto 0;
    height: 65px;
    width: 284px;
    text-align: center;
    border: 1px solid #b99764;
}

.sumit-field-style {
    background: transparent;
    border: 0;
    width: 100%;
    height: 100%;
    font-family: brandon_grotesque_regularRg;
    font-size: 12px;
    color: #b99764;
    text-transform: uppercase;
}

.footer-panel {
    position: relative;
    height: 40px;
    background-color: black;
    float: left;
    width: 100%;
    overflow: hidden;
}

.footer-wrapper-left {}

.copyrights-wrapper {
    margin: 10px 0 15px 30px;
    float: left;
}

.font-brandon-rg-10-gray {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 10px;
    color: #5d5d5d;
}


.font-brandon-rg-12-gray {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 12px;
    color: #5d5d5d;
}


.privacy-wrapper li {
    float: left;
    list-style-type: none;
    margin: 15px 0 15px 14px;
    text-align: center;
}

.privacy-wrapper li a {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 10px;
    text-decoration: none;
    color: #5d5d5d;
}

.footer-wrapper-right {
    float: right;
    margin: 15px 30px 0 0;
}

.share-wrapper li {
    list-style-type: none;
    text-align: center;
    margin: 11px 30px 0 0;
    float: right;
}

.share-wrapper li a {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 8px;
    text-decoration: none;
    color: #c8c8c8;
}

.social-icons-footer {
    float: right;
}

.email-btn-footer {
    background: url('../Images/@-btn-footer.png') no-repeat;
    background-size: 10px 10px;
    text-decoration: none;
    text-indent: -5000px;
    float: right;
    width: 10px;
    height: 10px;
    margin: 15px 10px 0 0;
}

.twt-btn-footer {
    background: url('../Images/twt-btn-footer.png') no-repeat;
    background-size: 16px 11px;
    text-decoration: none;
    text-indent: -5000px;
    float: right;
    width: 16px;
    height: 11px;
    margin: 15px 10px 0 0;
}

.fb-btn-footer {
    background: url('../Images/fb-btn-footer.png') no-repeat;
    background-size: 6px 12px;
    text-decoration: none;
    text-indent: -5000px;
    float: right;
    width: 6px;
    height: 12px;
    margin: 15px 10px 0 0;
}

.sitemap-wrapper {
    float: right;
    margin: 12px 15px;
    border-right: 1px solid #5d5d5d;
    height: 17px;
    line-height: 12px;
}

.sitemap-container li {
    float: left;
    list-style-type: none;
    margin: 2px 6px;
}

.sitemap-container li:last-child {
    margin-right: 16px;
}

.sitemap-container li a {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 8px;
    text-decoration: none;
    color: #c8c8c8;
}

.sitemap-container-fd {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 12px;
    text-decoration: none;
    color: #c8c8c8;
}


/* campaign polio css */
.school-bags-header-image-wrapper {
    background: url('../images/campaign-school-bags-header-pic.jpg') no-repeat;
    width: 100%;
    float: left;
    position: relative;
    background-position: 50%;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

.food-header-image-wrapper {
    background: url('../images/campaign-food-header-pic.jpg') no-repeat;
    width: 100%;
    float: left;
    position: relative;
    background-position: 50%;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

.header-image-wrapper {
    background: url('../images/campaign-polio-header-pic.jpg') no-repeat;
    width: 100%;
    float: left;
    position: relative;
    background-position: 50%;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

.campaign-polio-arabic-saying {
    background: url('../images/campaign-polio-arabic-saying.png') no-repeat;
    background-size: 235px 35px;
    width: 235px;
    height: 35px;
    margin: 0 auto;
}

.white-tittle-wrapper {
    margin: 25px auto 0;
    text-align: center;
    line-height: 75px;
}

.font-brandon-rg-75 {
    font-family: 'brandon_grotesquemedium';
    font-size: 75px;
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
}

.line-278 {
    height: 1px;
    border: 0;
    background-color: #ffffff;
    color: #ffffff;
    margin: 20px auto 0;
    opacity: 0.4;
    width: 278px;
}

.white-title-wrapper-detail {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 15px;
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    margin: 20px auto 0;
    text-align: center;
    width: 300px;
}

.introduction-panel {
    width: 100%;
    float: left;
    position: relative;
    padding: 106px 0;
    background-color: #ffffff;
}

.introduction-title-wrapper {
    position: relative;
    text-align: center;
    width: 950px;
    margin: 20px auto 0;
}

.font-brandon-rg-22 {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 22px;
    text-decoration: none;
    color: #000000;
    display: inline;
}

.campaign-polio-gallery-wrapper {
    background: url('../images/gallery-wrapper-pic.jpg') no-repeat;
    background-size: 100% 598px;
    width: 100%;
    height: 598px;
    position: relative;
    float: left;
}

.campaign-polio-gallery-tittle-wrapper {
    margin: 89px auto 0;
    text-align: center;
    width: 281px;
}

.font-brandon-thin-63 {
    font-family: 'brandon_grotesquethin';
    font-size: 63px;
    color: #ffffff;
    text-transform: uppercase;
}

.line-768 {
    height: 1px;
    border: 0;
    background-color: #ffffff;
    color: #ffffff;
    margin: 20px auto 40px;
    opacity: 0.3;
    width: 768px;
}

.campaign-polio-gallery-left-btn-wrapper {
    width: 10%;
    position: relative;
    float: left;
}

.campaign-polio-gallery-right-btn-wrapper {
    width: 10%;
    position: relative;
    float: left;
}

.campaign-polio-gallery-index-scroll {
    background: url('../images/scroll-down-icon.png') no-repeat;
    background-position: 50%;
    background-size: 17px 10px;
    position: relative;
    width: 54px;
    border: 2px solid rgba(255, 255, 255, 0.24);
    height: 54px;
    border-radius: 54px;
    margin: 109px auto;
}

.campaign-polio-gallery-index {
    width: 100%;
    float: left;
    height: 275px;
}

.campaign-polio-gallery-index-wrapper {
    overflow: hidden;
    white-space: nowrap;
}

.campaign-polio-gallery-index-wrapper li {
    list-style-type: none;
    width: 20%;
    margin: 0 6.66% 0 0;
    display: inline-block;
}

.campaign-polio-gallery-index-box-01 {
    background: url('../images/campaign-polio-gallery-index-box-pic-01.jpg') no-repeat;
    background-size: cover !important;
    width: 100%;
    min-height: 100%;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}

.campaign-polio-gallery-index-box-02 {
    background: url('../images/campaign-polio-gallery-index-box-pic-02.jpg') no-repeat;
    background-size: cover !important;
    width: 100%;
    min-height: 275px;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}

.campaign-polio-gallery-index-box-03 {
    background: url('../images/campaign-polio-gallery-index-box-pic-03.jpg') no-repeat;
    background-size: cover !important;
    width: 100%;
    min-height: 275px;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}

.campaign-polio-gallery-index-box-04 {
    background: url('../images/campaign-polio-gallery-index-box-pic-04.jpg') no-repeat;
    background-size: cover !important;
    width: 100%;
    min-height: 275px;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}

.humaanitarian-aid-panel {
    width: 100%;
    float: left;
    position: relative;
    padding: 106px 0;
    background-color: #fef6e9;
}

.golden-title {
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

.food-distribution-wrapper {
    width: 50%;
    float: left;
}

.food-distribution-wrapper-2 {
    width: 50%;
    float: right;
}

.food-distribution-wrapper-title {
    margin: 35px auto;
    width: 220px;
    text-align: center;
}

.polio-vaccination-wrapper-pic {
    background: url('../images/polio-vaccination-wrapper-pic.jpg') no-repeat;
    background-size: 293px 293px;
    height: 293px;
    width: 293px;
    margin: 0 auto;
    border-radius: 293px;
}

.food-distribution-wrapper-pic {
    background: url('../images/food-distribution-wrapper-pic.jpg') no-repeat;
    background-size: 293px 293px;
    height: 293px;
    width: 293px;
    margin: 0 auto;
    border-radius: 293px;
}

.school-bags-distribution-wrapper {
    width: 50%;
    float: right;
}

.school-bags-distribution-wrapper-2 {
    width: 50%;
    float: left;
}

.school-bags-distribution-wrapper-title {
    margin: 35px auto;
    width: 213px;
    text-align: center;
}

.school-bags-distribution-wrapper-pic {
    background: url('../images/school-bags-distribution-wrapper-pic.jpg') no-repeat;
    background-size: 293px 293px;
    height: 293px;
    width: 293px;
    margin: 0 auto;
    border-radius: 293px;
}
/* campaign polio css */

.header-golden-background {
    background-color: #b99764;
    position: relative;
    width: 100%;
    height: 162px;
    z-index: 1000;
    top: 0;
}

.header-pattern-bg {
    background: url('../images/bg_golden_pattern.png');
    background-size: 163px 144px;
    width: 100%;
    height: 162px;
    position: absolute;
}

.white-background-panel {
    background-color: #ffffff;
    width: 100%;
    float: left;
    position: relative;
    padding: 106px 0;
    margin: 156px 0 0;
}

.white-background-panel-fahad {
    background-color: #ffffff;
    width: 100%;
    float: left;
    position: relative;
    padding: 106px 0;
    margin: 0 0 0;
}

.white-background-panel-margin-less {
    background-color: #ffffff;
    width: 100%;
    float: left;
    position: relative;
    padding: 106px 0;
}

.arabic-saying-3 {
    background: url('../images/arabic-saying.png') no-repeat;
    background-size: 235px 51px;
    width: 235px;
    height: 51px;
    margin: 0 auto 40px;
}

.news-archive-title {
    margin: 18px auto 0;
    text-align: center;
    width: 324px;
    line-height: 70px;
}

.font-brandon-md-75 {
    font-family: 'brandon_grotesquemedium';
    font-size: 75px;
    color: #000000;
    text-transform: uppercase;
}

.pattern-panel {
    width: 100%;
    float: left;
    position: relative;
    padding: 106px 0;
    background: url('../images/about-bg.jpg');
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 149px 153px;
    background-color: #fef6e9;
}

.dark-gray-panel {
    width: 100%;
    float: left;
    position: relative;
    padding: 106px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 149px 153px;
    background-color: #3f3f3d;
}

.readmore-js-toggle {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 14px;
    text-decoration: none;
    line-height: 65px;
    color: #b99764;
    height: 65px;
    width: 284px;
    text-align: center;
    border: 1px solid #b99764;
    display: block;
    margin: 50px auto 0;
    text-transform: uppercase;
    clear: both;
}

.readmore-js-toggle:hover {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.health-care-project-container-wrapper {
    width: 80%;
    margin: 10px 10%;
    overflow: hidden;
}

.health-care-project-container {
    width: 33.333%;
    height: 0;
    padding-bottom: 40%;
    float: left;
    position: relative;
    /* background: white; */
}

.health-care-project-container-main {
    width: 90%;
    height: 45%;
    position: absolute;
    transform: translate(-50%, -5%);
    top: 5%;
    left: 50%;
}


#health-care-project-container-01 {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-decoration: none;
    background: url('../images/news/news-headers/01.jpg') no-repeat;
    background-size: cover;
}

#health-care-project-container-02 {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-decoration: none;
    background: url('../images/news/news-headers/02.jpg') no-repeat;
    background-size: cover;
}

#health-care-project-container-03 {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-decoration: none;
    background: url('../images/news/news-headers/03.jpg') no-repeat;
    background-size: cover;
}

#health-care-project-container-04 {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-decoration: none;
    background: url('../images/news/news-headers/04.jpg') no-repeat;
    background-size: cover;
}

#health-care-project-container-05 {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-decoration: none;
    background: url('../images/news/news-headers/05.jpg') no-repeat;
    background-size: cover;
}

#health-care-project-container-06 {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-decoration: none;
    background: url('../images/news/news-headers/06.jpg') no-repeat;
    background-size: cover;
}

.health-care-project-container-detail-wrapper {
    background: white;
    width: 90%;
    height: 47%;
    position: absolute;
    transform: translate(-50%, -90%);
    top: 90%;
    left: 50%;
}

.health-care-project-container-detail {
    margin: 40px 35px;
    height: 72%;
}


.font-brandon-md-14 {
    font-family: 'brandon_grotesquemedium';
    font-size: 14px;
    text-transform: uppercase;
    color: #000000;
}

.font-brandon-lite-24-black {
    font-family: 'brandon_grotesquelight';
    font-size: 24px;
    color: #000000;
    line-height: 30px;
}

.font-brandon-lite-18-gray {
    font-family: 'brandon_grotesquelight';
    font-size: 18px;
    color: #808285;
}

.health-care-project-btn-wrapper {
    margin: 25px auto 0;
    width: 632px;
    height: 68px;
}

.health-care-project-btn li {
    list-style-type: none;
    margin: 0 15px;
    height: 65px;
    width: 284px;
    text-align: center;
    border: 1px solid #58595b;
    float: left;
}

.health-care-project-btn li:hover {
    border-color: #b99764;
    color: #b99764;
}

.health-care-project-btn li a {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 14px;
    text-decoration: none;
    line-height: 70px;
    color: #58595b;
    height: 65px;
    width: 284px;
    display: block;
}

.health-care-project-btn li a:hover {
    color: #b99764;
}
/* resource-bank */

.resource-bank-title {
    margin: 15px auto 0;
    text-align: center;
    width: 497px;
    line-height: 75px;
}

.pink-background-panel {
    background-color: #fef6e9;
    width: 100%;
    float: left;
    position: relative;
    padding: 106px 200px;
    box-sizing: border-box;
}

.brochure-title {
    text-align: center;
    width: 350px;
    margin: 0 auto;
}

.brochure-container {
    text-align: center;
    width: 450px;
    margin: 0 auto;
    float: left;
}
.brochure-container-02 {
    text-align: center;
    width: 450px;
    margin: 0 auto;
    float: right;
}

.brochure-pic {
/*
    background: url('../images/brochure-pic.jpg') no-repeat;
    background-size: 219px 335px;
    height: 335px;
    width: 219px;
    margin: 0 auto;
    text-indent: -5000px;
*/
    margin: 40px auto;
    width: 160px;
}

.brochure-pic-detail {}

.font-brandon-rg-15 {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 15px;
    color: #000000;
}

.font-brandon-md-22 {
    font-family: 'brandon_grotesquemedium';
    font-size: 22px;
    color: #000000;
}

.golden-title-wrapper {
    text-align: center;
    width: 600px;
    margin: 0 auto;
}

.font-brandon-rg-22-white {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 22px;
    text-decoration: none;
    color: #FFFFFF;
}

.links-logo-container-wrapper {
    width: 80%;
    margin: 75px 10%;
    overflow: hidden;
}

.links-logo-container {
    width: 25%;
    height: 0;
    padding-bottom: 25%;
    float: left;
    position: relative;
}

.links-logo-container-01 {
    width: 95%;
    height: 95%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/links-logo-container-pic-01.jpg') no-repeat;
    background-size: cover !important;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}

.links-logo-container-02 {
    width: 95%;
    height: 95%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/links-logo-container-pic-02.jpg') no-repeat;
    background-size: cover !important;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}

.links-logo-container-03 {
    width: 95%;
    height: 95%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/links-logo-container-pic-03.jpg') no-repeat;
    background-size: cover !important;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}

.links-logo-container-04 {
    width: 95%;
    height: 95%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/links-logo-container-pic-04.jpg') no-repeat;
    background-size: cover !important;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}

.links-logo-container-05 {
    width: 95%;
    height: 95%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/links-logo-container-pic-05.jpg') no-repeat;
    background-size: cover !important;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}

.links-logo-container-06 {
    width: 95%;
    height: 95%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/links-logo-container-pic-06.jpg') no-repeat;
    background-size: cover !important;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}

.links-logo-container-07 {
    width: 95%;
    height: 95%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/links-logo-container-pic-07.jpg') no-repeat;
    background-size: cover !important;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}

.links-logo-container-08 {
    width: 95%;
    height: 95%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/links-logo-container-pic-08.jpg') no-repeat;
    background-size: cover !important;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}
.links-logo-container-09 {
    width: 95%;
    height: 95%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/links-logo-container-pic-09.jpg') no-repeat;
    background-size: cover !important;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}
.links-logo-container-10 {
    width: 95%;
    height: 95%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/links-logo-container-pic-10.jpg') no-repeat;
    background-size: cover !important;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}
.links-logo-container-11 {
    width: 95%;
    height: 95%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/links-logo-container-pic-11.jpg') no-repeat;
    background-size: cover !important;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
}

/* multimedia-gallery */

.multimedia-gallery-title {
    margin: 18px auto 0;
    text-align: center;
    width: 453px;
    line-height: 75px;
}

.multimedia-gallery-panel {
    clear: both;
    height: 667px;
}

.multimedia-gallery-scroll-btn-left {
    background: url('../images/scroll-down-icon.png') no-repeat;
    background-position: 50%;
    background-size: 17px 10px;
    position: relative;
    width: 54px;
    border: 2px solid rgba(255, 255, 255, 0.24);
    height: 54px;
    border-radius: 54px;
    margin: 317px auto;
    float: left;
}

.multimedia-gallery-scroll-btn-right {
    background: url('../images/scroll-down-icon.png') no-repeat;
    background-position: 50%;
    background-size: 17px 10px;
    position: relative;
    width: 54px;
    border: 2px solid rgba(255, 255, 255, 0.24);
    height: 54px;
    border-radius: 54px;
    margin: 109px auto;
    float: right;
}

.multimedia-gallery-video-container {
    width: 50%;
    margin: 74px auto 0;
    overflow: hidden;
}

.multimedia-gallery-video-container-wrapper {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.multimedia-gallery-video-container-title {
    margin: 30px auto;
    text-align: center;
    width: 362px;
}

.font-brandon-md-28-golden {
    font-family: 'brandon_grotesquemedium';
    font-size: 28px;
    color: #b99764;
    text-transform: uppercase;
}

.line-80-gray {
    height: 1px;
    width: 80%;
    border: 0;
    background-color: #535351;
    color: #535351;
    margin: 0 auto;
}

.multimedia-gallery-multi-video-wrapper {
    width: 82%;
    margin: 24px auto;
    /*    overflow: hidden;*/
}

.multimedia-gallery-multi-video-wrapper .slick-dots {
    bottom: -78px;
}

.multimedia-gallery-multi-video-container {
    width: 25%;
    height: 175px !important;
    /*    padding-bottom: 15%;*/
    
    float: left;
    position: relative;
    cursor: pointer;
}

.multimedia-gallery-multi-photo-container {
    width: 25%;
    height: 215px !important;
    /*    padding-bottom: 15%;*/
    
    float: left;
    position: relative;
    cursor: pointer;
}

.multimedia-gallery-multi-photo-container .multimedia-gallery-multi-video-container-01 {
    width: 90%;
    height: 82%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 42%;
    left: 50%;
    background: url('../images/multimedia-gallery-video-container-pic-01.jpg') no-repeat;
    background-size: cover;
    box-sizing: border-box;
    text-decoration: none;
    background-position: 50%;
}

.multimedia-gallery-multi-photo-container .multimedia-gallery-multi-video-container-02 {
    width: 90%;
    height: 82%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 42%;
    left: 50%;
    background: url('../images/multimedia-gallery-video-container-pic-02.jpg') no-repeat;
    background-size: cover;
    box-sizing: border-box;
    text-decoration: none;
    background-position: 50%;
}

.multimedia-gallery-multi-photo-container .multimedia-gallery-multi-video-container-03 {
    width: 90%;
    height: 82%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 42%;
    left: 50%;
    background: url('../images/multimedia-gallery-video-container-pic-03.jpg') no-repeat;
    background-size: cover;
    box-sizing: border-box;
    text-decoration: none;
    background-position: 50%;
}

.multimedia-gallery-multi-photo-container .multimedia-gallery-multi-video-container-04 {
    width: 90%;
    height: 82%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 42%;
    left: 50%;
    background: url('../images/multimedia-gallery-video-container-pic-04.jpg') no-repeat;
    background-size: cover;
    box-sizing: border-box;
    text-decoration: none;
    background-position: 50%;
}

.multimedia-gallery-multi-photo-container .multimedia-gallery-multi-video-container-05 {
    width: 90%;
    height: 82%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 42%;
    left: 50%;
    background: url('../images/multimedia-gallery-video-container-pic-05.jpg') no-repeat;
    background-size: cover;
    box-sizing: border-box;
    text-decoration: none;
    background-position: 50%;
}

.multimedia-gallery-multi-photo-container .multimedia-gallery-multi-video-container-06 {
    width: 90%;
    height: 82%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 42%;
    left: 50%;
    background: url('../images/multimedia-gallery-video-container-pic-06.jpg') no-repeat;
    background-size: cover;
    box-sizing: border-box;
    text-decoration: none;
    background-position: 50%;
}

.multimedia-gallery-multi-video-container-01 {
    width: 90%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/multimedia-gallery-video-container-pic-01.jpg') no-repeat;
    background-size: cover;
    box-sizing: border-box;
    text-decoration: none;
    background-position: 50%;
}

.multimedia-gallery-multi-video-container-play-btn {
    background: url('../images/multimedia-gallery-video-container-play-btn.png') no-repeat;
    height: 57px;
    width: 57px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background-size: 100%;
    background-position: 50% 50%;
}

.multimedia-gallery-multi-video-container-02 {
    width: 90%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/multimedia-gallery-video-container-pic-02.jpg') no-repeat;
    background-size: cover;
    box-sizing: border-box;
    text-decoration: none;
    background-position: 50%;
}

.multimedia-gallery-multi-video-container-03 {
    width: 90%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/multimedia-gallery-video-container-pic-03.jpg') no-repeat;
    background-size: cover;
    box-sizing: border-box;
    text-decoration: none;
    background-position: 50%;
}

.multimedia-gallery-multi-video-container-04 {
    width: 90%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/multimedia-gallery-video-container-pic-04.jpg') no-repeat;
    background-size: cover;
    box-sizing: border-box;
    text-decoration: none;
    background-position: 50%;
}

.multimedia-gallery-multi-video-container-05 {
    width: 90%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/multimedia-gallery-video-container-pic-05.jpg') no-repeat;
    background-size: cover;
    box-sizing: border-box;
    text-decoration: none;
    background-position: 50%;
}

.multimedia-gallery-multi-video-container-06 {
    width: 90%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/multimedia-gallery-video-container-pic-06.jpg') no-repeat;
    background-size: cover;
    box-sizing: border-box;
    text-decoration: none;
    background-position: 50%;
}

.photo-gallery-title {
    margin: 0 auto;
    text-align: center;
    width: 497px;
}

.photo-gallery-container {
    width: 80%;
    margin: 82px auto 0;
    overflow: hidden;
    /*
    background: url('../images/photo-gallery-container-pic-01.jpg') no-repeat;
    background-size: 100%;
*/
    
    height: 729px;
}

.photo-gallery-title-wrapper {
    width: 80%;
    height: 40px;
}

.photo-gallery-container-title {
    float: left;
}

.font-brandon-md-28-black {
    font-family: 'brandon_grotesquemedium';
    font-size: 28px;
    color: #000000;
    text-transform: uppercase;
}

.line-80-lite-gray {
    height: 1px;
    width: 80%;
    border: 0;
    background-color: #e5e5e5;
    color: #e5e5e5;
    margin: 0 auto;
}

.multimedia-gallery-multi-video-container-title-wrapper {
    width: 82%;
    height: 25px;
    margin: 0 auto 15px;
}

.multimedia-gallery-multi-video-container-title {
    width: 25%;
    float: left;
    position: relative;
    height: 22px;
}

.multimedia-gallery-multi-video-container-title-01 {
    width: 90%;
    height: 20px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 90%;
    left: 50%;
}

.font-brandon-md-15 {
    font-family: 'brandon_grotesquemedium';
    font-size: 15px;
    text-transform: uppercase;
    color: #000000;
}

.audio-files-title {
    margin: 0 auto;
    text-align: center;
    width: 375px;
}

.audio-files-flag-container {
    width: 555px;
    margin: 107px auto 0;
    height: 170px;
}

.pakistan-flag-wrapper {
    float: left;
    width: 219px;
    height: 175px;
}

.pakistan-flag {
    width: 219px;
    height: 141px;
    background: url('../images/pakistan-flag-pic.jpg') no-repeat;
    background-size: 100%;
    float: left;
    position: relative;
}

.pakistan-flag-title {
    line-height: 35px;
    text-align: center;
}

.font-brandon-md-15-white {
    font-family: 'brandon_grotesquemedium';
    font-size: 15px;
    color: #ffffff;
}

.uae-flag-wrapper {
    width: 283px;
    height: 175px;
    float: right;
}

.uae-flag {
    width: 283px;
    height: 141px;
    background: url('../images/uae-flag-pic.jpg') no-repeat;
    background-size: 100%;
    float: right;
}

.uae-flag-title {
    text-align: center;
    line-height: 35px;
}
/* development-projects */

.development-projects-header-image-wrapper {
    background: url('../images/development-projects-header-image.jpg') no-repeat;
    width: 100%;
    float: left;
    position: relative;
    background-position: 50%;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

.golden-title-tag-line {
    text-align: center;
    margin: 0 auto;
}

.font-brandon-rg-15-golden {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 15px;
    color: #b99764;
    text-transform: uppercase;
}

.spirit-of-solidarity-project-panel {
    width: 100%;
    float: left;
    position: relative;
    height: 398px;
}

.government-girls-school-pic {
    width: 50%;
    height: 398px;
    float: left;
    position: relative;
    overflow: hidden;
}

.government-girls-school-pic img {
    height: 100%;
}

.spirit-of-solidarity-project-detail {
    width: 50%;
    height: 398px;
    float: left;
    background-color: #fef6e9;
}

.spirit-of-solidarity-project-detail-wrapper {
    margin: 84px 0 0 80px;
}

.government-girls-school-title {
    margin: 0 0 32px 0;
}

.font-brandon-md-28-gray {
    font-family: 'brandon_grotesquemedium';
    font-size: 28px;
    color: #3f3f3d;
    text-transform: uppercase;
}

.font-brandon-rg-18-gray {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 18px;
    text-decoration: none;
    color: #3f3f3d;
    line-height: 5px;
}

.population-benefited-wrapper {
    width: 395px;
    height: 56px;
    border-top: 1px solid #e5bd80;
    border-bottom: 1px solid #e5bd80;
}

.population-benefited-icon {
    width: 35px;
    background: url('../images/population-benefited-icon-01.png') no-repeat;
    background-size: 100% 100%;
    height: 24px;
    margin: 20px 16px 0 0;
    float: left;
}

.population-benefited-title {
    margin: 20px 0 0 0;
    float: left;
    width: 168px;
}

.font-brandon-rg-15-gray {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 15px;
    color: #3f3f3d;
}

.population-benefited-numbers {
    margin: 20px 0 0 0;
    float: left;
}

.font-brandon-bold-15-golden {
    font-family: 'brandon_grotesquebold';
    font-size: 15px;
    color: #b99764;
    text-transform: uppercase;
}

.status-wrapper {
    width: 395px;
    height: 56px;
}

.status-icon {
    width: 38px;
    background: url('../images/status-icon-01.png') no-repeat;
    background-size: 100% 100%;
    height: 37px;
    margin: 8px 16px 0 0;
    float: left;
}

.location-icon {
    width: 36px;
    background: url('../images/location-icon-01.png') no-repeat;
    background-size: 100% 100%;
    height: 35px;
    margin: 9px 16px 0 0;
    float: left;
}
/* map-panel*/

.map-panel {
    width: 100%;
    height: 398px;
    float: left;
    position: relative;
    padding: 90px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.map-marker {
    margin: 0 auto;
    width: 40px;
    height: 48px;
    background: url('../images/map-marker-pic-01.png') no-repeat;
    background-size: 100% 100%;
}

.map-location-title {
    margin: 15px auto 0;
    width: 265px;
}

.font-brandon-lite-36-white {
    font-family: 'brandon_grotesquelight';
    font-size: 36px;
    color: #ffffff;
    text-transform: uppercase;
}

.line-65 {
    height: 1px;
    width: 65px;
    border: 0;
    background-color: #ffffff;
    color: #ffffff;
    margin: 15px auto 0;
}

.see-location-btn li {
    list-style-type: none;
    margin: 25px auto 0;
    height: 65px;
    width: 284px;
    text-align: center;
    background-color: #ffffff;
}

.see-location-btn li a {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 14px;
    text-decoration: none;
    line-height: 70px;
    color: #b99764;
    display: block;
    height: 65px;
    width: 284px;
    text-transform: uppercase;
}

.fifty-percentage-container {
    width: 720PX;
    margin: 25px auto 0;
    overflow: hidden;
}

.fifty-percentage-container-wrapper {
    width: 50%;
    height: 0;
    padding-bottom: 31%;
    position: relative;
    margin: 0 auto;
}

.films-video-container-wrapper-01 {
    width: 90%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/films-video-container-wrapper-pic-01.jpg') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    text-decoration: none;
}

.films-video-container-wrapper-play-btn {
    background: url('../images/multimedia-gallery-video-container-play-btn.png') no-repeat;
    height: 26.11%;
    width: 15.7%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background-size: 100% 100%;
    background-position: 50% 50%;
}

.films-video-container-wrapper-02 {
    width: 90%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/films-video-container-wrapper-pic-02.jpg') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    text-decoration: none;
}

.pink-background-panel-no-padding {
    background-color: #fef6e9;
    width: 100%;
    float: left;
    position: relative;
    padding: 106px 0 0 0;
}

.development-projects-container {
    width: 70%;
    margin: 25px auto;
    overflow: hidden;
}

.development-projects-container-wrapper {
    width: 33.33%;
    height: 0;
    padding-bottom: 33.33%;
    float: left;
    position: relative;
}

.development-projects-container-wrapper-title {
    margin: 35px auto 0;
    width: 171px;
    text-align: center;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
}

.font-brandon-md-15-gray {
    font-family: 'brandon_grotesquemedium';
    font-size: 15px;
    color: #3f3f3d;
    text-transform: uppercase;
}

.development-projects-container-wrapper-pic-01 {
    background: url('../images/development-projects-container-wrapper-pic-01.jpg') no-repeat;
    width: 65%;
    height: 65%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 293px;
    background-position: 53% 87%;
    background-size: 200%;
}

.development-projects-container-wrapper-pic-02 {
    background: url('../images/development-projects-container-wrapper-pic-02.jpg') no-repeat;
    width: 65%;
    height: 65%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    border-radius: 293px;
    background-position: 30% 25%;
    background-size: 215%;
}

.development-projects-container-wrapper-pic-03 {
    background: url('../images/health-care-project-pic-02.jpg') no-repeat;
    width: 65%;
    height: 65%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    border-radius: 293px;
    background-position: 40% 55%;
    background-size: 225%;
}
/*
.development-projects-container-wrapper-pic-04 {
    background: url('../images/health-care-project-pic-04.jpg') no-repeat;
    width: 65%;
    height: 65%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    border-radius: 293px;
    background-position: 68% 59%;
    background-size: 146%;
}
*/
/* development-projects */

.infrastructure-header-image-wrapper {
    background: url('../images/infrastructure-header-image.jpg') no-repeat;
    width: 100%;
    float: left;
    position: relative;
    background-position: 50%;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

.infrastructure-tittle-wrapper {
    margin: 25px auto 0;
    text-align: center;
    line-height: 75px;
}

.line-950 {
    height: 1px;
    border: 0;
    background-color: #dcddde;
    color: #dcddde;
    margin: 43px auto 0;
    opacity: 0.4;
    width: 950px;
}

.golden-title-medium {
    margin: 50px auto 0;
    text-align: center;
}

.bridges-container-01 {
    width: 92%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/bridges-container-pic-01.jpg') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    text-decoration: none;
}

.bridges-container-02 {
    width: 90%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/bridges-container-pic-02.jpg') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    text-decoration: none;
}

.bridges-wrapper-detail {
    text-align: center;
    width: 950px;
    margin: 50px auto 0;
}

.roads-container-01 {
    width: 92%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/roads-container-pic-01.jpg') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    text-decoration: none;
}

.roads-container-02 {
    width: 90%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: url('../images/roads-container-pic-02.jpg') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    text-decoration: none;
}

.sheikh-zayed-bridge-pic {
    width: 50%;
    background: url('../infrastructure/Sheikh-Khalifa-Bridge-Swat.jpg') no-repeat;
    background-size: 100% 100%;
    height: 398px;
    float: left;
}

.sheikh-zayed-bridge-title {
    margin: 0 0 32px 0;
}
/* development-projects */

.safe-drinking-water-header-image-wrapper {
    background: url('../images/safe-drinking-water-header-image-01.jpg') no-repeat;
    width: 100%;
    float: left;
    position: relative;
    background-position: 50%;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

.safe-drinking-water-tittle-wrapper {
    margin: 25px auto 0;
    text-align: center;
    line-height: 75px;
    width: 561px;
}

.safe-drinking-water-introduction-title-wrapper {
    position: relative;
    text-align: center;
    width: 960px;
    margin: 20px auto 0;
}

.ws-shahpur-bridge-pic {
    width: 50%;
    background: url('../water/WSS-Saidu-Sharif-Swat.jpg') no-repeat;
    background-size: cover;
    height: 398px;
    float: left;
    position: relative;
}

.ws-shahpur-bridge-title {
    margin: 0 0 32px 0;
}

.development-projects-container-wrapper-pic-04 {
    background: url('../images/development-projects-container-wrapper-pic-04.jpg') no-repeat;
    width: 65%;
    height: 65%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 293px;
    background-position: 68% 59%;
    background-size: 146%;
}
/* development-project-health */

.health-hospital-pic {
    width: 50%;
    background: url('../health/Paramedic-Institute-Swat.jpg') no-repeat;
    background-size: cover;
    height: 398px;
    float: left;
    position: relative;
}

.index-video-ptrn {
    background: url('../images/home_video_ptrn.png');
    background-size: 2px;
    width: 100%;
    height: 100%;
}

.food-package-pics-wrapper {
    display: none;
}

.handle-icon {
    background: url('../images/slider-handle.png') no-repeat;
    background-size: 25px;
    background-position: 50%;
    position: absolute;
    z-index: 100;
    width: 25px;
    height: 25px;
    top: -10px;
    left: 50%;
    transform: translate(-50%);
}

.project-image {
    width: 240px;
    height: 240px;
    overflow: hidden;
}

.project-image-dark-overlay {
    width: 240px;
    height: 240px;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
}

.quote-text-containers {
    overflow: hidden;
}

#about-panel-text-container {
    overflow: hidden;
}

.multimedia-gallery-image {
    overflow: hidden;
}

.multimedia-gallery-image img {
    height: 100%;
    transform: translateX(-50%);
    position: relative;
    left: 50%;
}

#infrastructure {
    visibility: visible;
}

#education {
    visibility: hidden;
}

#health {
    visibility: hidden;
}

#water {
    visibility: hidden;
}

#food {
    visibility: hidden;
}

#hospitals {
    visibility: hidden;
}

.project-label {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 14px;
    color: #b99764;
    margin: 0 22px 5px 0;
    float: left;
    width: 284px;
    cursor: pointer;
}

.project-label:hover {
    color: #FFF;
}


.project-label-fd {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 14px;
    color: #b99764;
    margin: 0 22px 5px 0;
    float: left;
    width: 200px;
    text-align: center;
    cursor: pointer;
}

.project-label-fd:hover {
    color: #FFF;
}





.project-list-wrapper {
    width: 920px;
    margin: 50px auto 0;
    overflow: hidden;
}

.list-js-toggle {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 14px;
    text-decoration: none;
    line-height: 65px;
    color: #b99764;
    height: 65px;
    width: 284px;
    text-align: center;
    border: 1px solid #b99764;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    clear: both;
}

.list-js-toggle:hover {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.google-maps-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.map-overlay {
    background-image: url('../images/bg_golden_pattern.png');
    background-size: 163px 144px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(185, 151, 100, 0.8);
    padding: 90px 0;
    box-sizing: border-box;
}
.campaign-image {
        width: 375px;
        height: 275px;
        overflow: hidden
}
.campaign-polio-gallery-item {
    width: 25%;
    height: 275px !important;
    /* padding-bottom: 15%; */
    float: left;
    position: relative;
    cursor: pointer;
}

.campaigns-timeline-box-01 {   
    margin: 0 10px;
/*
    display: block;
    float: left;
    width: 375px !important;
    height: 275px !important;
*/
}

.eng_btn_header {
    float: left;
    margin: 0 0 0 30px;
}
.eng_btn_header:hover {
    color: #9f7a44;
}
.ar_btn_header {
    float: right;
    margin: 0 30px 0 0;
}
.ar_btn_header:hover {
    color: #9f7a44;
}
.language_sep {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 12px;
    color: #ffffff;
    line-height: 27px;
}

.text-body-heading {
    text-align: center;
    margin: 50px 0;
}

.map-image-pakistan {
    margin: 30px 0;
}
.results-table {
    width: 100%;
    margin: 30px 0;
}
.results-table th {
    font-family: 'brandon_grotesquebold' !important;
    background-color: #9f7a44;
    color: #FFF;
}
.results-table th, td {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 16px;
    border-right: 1px solid #9f7a44;
    padding: 15px;
}
.results-table th, td:last-child {
    border-right: none;
}

/*Projects Page*/

.projects-header-image-wrapper {
    background: url('../images/projects-header-pic.jpg') no-repeat;
    width: 100%;
    float: left;
    position: relative;
    background-position: 50%;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}
.projects-section-01 {
    width: 100%;
    height: 806px;
    float: left;
}

.content-panel {
    width: 30%;
    background-color: #FFFFFF;
    float: right;
    height: inherit;
    padding: 107px 0 0;
}

.image-panel {
    background: url('../images/projects-page-images/projects-image-01.jpg') no-repeat;
    background-size: cover;
    width: 70%;
    height: inherit;
    float: left;
}

.projects-main-heading {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 38px;
    text-decoration: none;
    color: #ba9765;
    text-transform: uppercase;
    margin: 0 auto;
    line-height: 40px;
    width: 330px;
}

.projects-main-heading-details-container {
    width: 330px;
    height: 330px;
    background-color: #ba9765;
    margin: 60px auto 0;
    padding: 30px;
    box-sizing: border-box;
}

.font-brandon-36-white {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 36px;
    color: #FFFFFF;
}
.font-brandon-36-gold {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 36px;
    color: #ba9765;
}



.font-brandon-16-white {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 16px;
    color: #FFFFFF;
}
.font-brandon-16-gold {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 16px;
    color: #ba9765;
}


.font-brandon-20-white {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 20px;
    color: #FFFFFF;
}
.font-brandon-20-gold {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 20px;
    color: #ba9765;
}





.projects-section-02 {
    width: 100%;
    height: 1133px;
    background-color: #fff;
    float: left;
}

.project-section-02-col {
    width: 25%;
    height: 100%;
    float: left;
    position: relative;
}

.project-section-02-col-gold {
    width: 25%;
    height: 100%;
    float: left;
    background-color: #ba9765;
    position: relative;
}

.projects-col-01-image {
    width: 100%;
    height: 745px;
    background: url('../images/projects-page-images/projects-col-01.jpg') no-repeat;
    background-size: cover;
    background-position: 70%, 0;
    position: absolute;
    bottom: 0;
}

.projects-col-02-image {
    width: 100%;
    height: 745px;
    background: url('../images/projects-page-images/projects-col-02.jpg') no-repeat;
    background-size: cover;
    background-position: 50%, 0;
    position: absolute;
    bottom: 0;
}

.projects-section-02 .details {
    padding: 0 30px;
}

.projects-section-02 .heading {
    margin: 30px 30px 10px;
}

.projects-section-03 .heading {
    text-align: center;
    margin: 160px 0 0 0;
}

.projects-section-03 .details {
    width: 494px;
    margin: 0 auto;
    font-size: 20px;
}

.projects-section-03 .details ol li{
    list-style: decimal !important;
    font-family: 'brandon_grotesque_regularRg';
}
.projects-col-03-image {
    width: 100%;
    height: 745px;
    background: url('../images/projects-page-images/projects-col-03.jpg') no-repeat;
    background-size: cover;
    background-position: 50%, 0;
    position: absolute;
    bottom: 0;
}

.projects-col-04-image {
    width: 100%;
    height: 745px;
    background: url('../images/projects-page-images/projects-col-04.jpg') no-repeat;
    background-size: cover;
    background-position: 50%, 0;
    position: absolute;
    bottom: 0;
}

.projects-section-03 {
    width: 100%;
    height: 709px;
    background-color: #FFF;
    background: url('../images/projects-page-images/projects-image-02.jpg') no-repeat;
    background-size: cover;
    background-position: 50%, 0;
    float: left;
}

.font-brandon-60-gold {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 60px;
    color: #ba9765;
}

.projects-section-04 {
    width: 100%;
    float: left;
    background-color: #FFF;
}

.projects-section-04 .heading {
    line-height: 70px;
    text-align: center;
    padding: 80px 0 30px;
}
.all-cards-wrapper {
    float: left;
    margin: 20px 0 0 0;
    width: 100%;
}


.card-heading {
    line-height: 47px;
}

.card-details {
    margin: 10px 0 0 0;
}

.card-wrapper-right {
    width: 50%;
    height: 367px;
    float: right;
    background-color: #ba9765;
    margin: 10px 0 0 0;
}

.card-wrapper-left {
    width: 50%;
    height: 367px;
    float: left;
    background-color: #ba9765;
    margin: 10px 0 0 0;
}

.content-wrapper-right {
    float: right;
    width: 42%;
    text-align: left;
    box-sizing: border-box;
    padding: 32px;
}

.content-wrapper-left {
    float: left;
    width: 42%;
    text-align: right;
    box-sizing: border-box;
    padding: 32px;
}

#card-01 .image-wrapper{
    background: url('../images/projects-page-images/card-image-01.jpg') no-repeat;
    background-size: cover;
    width: 58%;
    height: 367px;
    float: left;
}

#card-02 .image-wrapper{
    background: url('../images/projects-page-images/card-image-02.jpg') no-repeat;
    background-size: cover;
    width: 58%;
    height: 367px;
    float: right;
}

#card-03 .image-wrapper{
    background: url('../images/projects-page-images/card-image-03.jpg') no-repeat;
    background-size: cover;
    width: 58%;
    height: 367px;
    float: left;
}

#card-04 .image-wrapper{
    background: url('../images/projects-page-images/card-image-04.jpg') no-repeat;
    background-size: cover;
    width: 58%;
    height: 367px;
    float: right;
}

#card-05 .image-wrapper{
    background: url('../images/projects-page-images/card-image-05.jpg') no-repeat;
    background-size: cover;
    width: 58%;
    height: 367px;
    float: left;
}

#card-06 .image-wrapper{
    background: url('../images/projects-page-images/card-image-06.jpg') no-repeat;
    background-size: cover;
    width: 58%;
    height: 367px;
    float: right;
}
.projects-section-05 {
    width: 100%;
    height: 936px;
    background-color: #FFF;
    float: left;
}

.projects-list-details {
    background: url('../images/projects-page-images/project-details-english.jpg') no-repeat;
    background-size: 899px 813px;
    width: 899px;
    height: 813px;
    overflow: hidden;
    margin: 60px auto;
}

.font-brandon-md-80-golden {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 80px;
    color: #ba9765;
    text-transform: uppercase;
}
/*Messages Page*/

.messages-header-image-wrapper {
    background: url('../images/messages-header-pic.jpg') no-repeat;
    width: 100%;
    float: left;
    position: relative;
    background-position: 50%;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

.message-sheikh-wrapper {
    width: 100%;
    min-height: 910px;
    background: url('../images/dark-bg-grill.jpg') repeat;
    background-size: 149px 153px;
    float: left;
}

.message-content-panel-sheikh-mansoor {
    width: 50%;
    float: right;
    box-sizing: border-box;
    padding: 40px 40px 40px 0px;
}
.message-content-panel-sheikh-abdullah {
    width: 50%;
    float: right;
    box-sizing: border-box;
    padding: 40px 40px 40px 0px;
}

.font-brandon-16-grey {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 16px;
    color: #939598;
}

.font-brandon-16-gold {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 16px;
    color: #b99764;
}

.message-body {
    margin: 30px 0 0 0;
    text-align: justify;
}

.sheikh-name-wrapper {
    line-height: 40px;
}

.message-sheikh-mansoor-image {
    background: url('../images/sheikh-mansoor-big-img.jpg') no-repeat;
    background-size: 60%;
    float: right;
    width: 50%;
    min-height: 729px;
    background-position: 50%;
}

.message-sheikh-abdullah-image {
    background: url('../images/sheikh-abdullah-big-img.jpg') no-repeat;
    float: left;
    width: 50%;
    min-height: 729px;
    background-position: 50%;
    background-size: 60%;
}
.gap {
    background:url('../images/about-bg.jpg') repeat;
    background-size: 149px 153px;
    width: 100%;
    height: 150px;
    float: left;
}

.font-brandon-48-white {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 48px;
    color: #FFFFFF;
}

#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}







.white-background-panel-fd {
    background-color: #ffffff;
    width: 100%;
    float: left;
    position: relative;
    padding: 106px 0;
    margin: 0 0 0;
}

.press-fd-container {
    width: 50%;
    height: 170px;
    padding-bottom: 40%;
    float: left;
    position: relative;
    /* background: white; */
}

.press-fd {
    width: 90%;
    height: 45%;
    position: absolute;
    transform: translate(-50%, -5%);
    top: 8%;
    left: 47%;
}

.press-fd-detail-wrapper {
    background: white;
    width: 92%;
    height: 37%;
    position: absolute;
    transform: translate(-50%, -90%);
    top: 85%;
    left: 46%;
}

.press-fd-detail {
    margin: 0px 19px;
    height: 100%;
}

.font-janna-16-gold {
    font-family: 'janna_lt';
    font-size: 16px;
    color: #b99764;
    }

.font-janna-24-gold {
    font-family: 'janna_lt';
    font-size: 24px;
    color: #b99764;
    line-height: 26px;
    }

.font-janna-18-grey {
    font-family: 'janna_lt';
    font-size: 18px;
    color: #939598;
    font-weight: bold;
    }