/* CSS Document */
@font-face {
    font-family: 'SakkalMajallaRegular';
    src: url('../fonts/SakkalMajalla.eot');
    src: url('../fonts/SakkalMajalla.eot?#iefix') format('embedded-opentype'),
    /*url('../fonts/SakkalMajalla.woff2') format('woff2'),
		url('../fonts/SakkalMajalla.woff') format('woff'),*/
    url('../fonts/SakkalMajalla.ttf') format('truetype'), url('../fonts/SakkalMajalla.svg#SakkalMajalla') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SakkalMajallaBold';
    src: url('../fonts/SakkalMajallaBold.eot');
    src: url('../fonts/SakkalMajallaBold.eot?#iefix') format('embedded-opentype'),
    /*url('../fonts/SakkalMajallaBold.woff2') format('woff2'),
		url('../fonts/SakkalMajallaBold.woff') format('woff'),*/
    url('../fonts/SakkalMajallaBold.ttf') format('truetype'), url('../fonts/SakkalMajallaBold.svg#SakkalMajallaBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
}

h1, h2, h3, h4, h5, h6 {
    font-family: "SakkalMajallaBold";
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

p {
    font-family: 'SakkalMajallaRegular';
    font-size: 20px;
    text-align: justify;
}

a {
    font-family: 'SakkalMajallaRegular';
    font-size: 20px;
}

/*New News Section*/

.dfwp-item{display: block;margin-top: 2.5em;}
.dfwp-item ul{margin:0;}
.dfwp-item li{
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: none;
    list-style: none;
    -ms-text-shadow: none;
    text-shadow: none;
}

.listOfNews{-webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    border: 1px solid #b5b5b5;
    min-height: 420px;
    padding: 25px;
    width: 97%;
    margin-bottom: 30px;}

.listOfNews:hover{
    border-color: transparent!important;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);border: 1px solid #bc975d !important;}

.listOfNews .deat {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    border: 1px solid #bc975d;
    border-radius: 4px;
    color: #bc975d;
    display: inline-block;
    float: left;
    height: 80px;
    text-align: center;
    width: 60px;
    padding: 8px 0 0 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    left: 1px;
}
.listOfNews .deat span:nth-child(1) {
    font-family: inherit;
    font-size: 38px;
    left: 3px;
}
.listOfNews .deat span {
    color: #bc975d;
    display: block;
    line-height: 1;
}
.listOfNews .deat span:nth-child(2) {
    font-family:inherit;
    font-size: 19px;
    font-weight: normal;
    left: 3px;
    text-transform: uppercase;
}
.listOfNews .title {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    color: #079071;
    float: left;
    font-size: 17px;
    font-weight: bold;
    padding: 0 7px;
    width: 75%;
    text-transform: uppercase;
}
.listOfNews .title span {
    color: #ceb66f;
    display: block;
    font-size: 13px;
    font-weight: normal;
}

.listOfNews .title a{color:#fff !important; text-decoration: none !important;}

.listOfNews figure {
    border-radius: 5px;
    height: 130px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #b5b5b5;
}
.listOfNews figure img {
    width: 100%;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
	all: inherit;
}
.listOfNews .dis {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
	margin-bottom: 1em;
}
.listOfNews .Details {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    border-color: #04705d !important;
    color: #fff !important;
    font-size: 20px;
	/*border: 1px solid !important;*/
        padding: 2px 15px !important;
    background-color: #bc975d;
    text-decoration: none !important;
}
.listOfNews .Details:hover{background-color: #fff;color: #d89b00 !important;}

.listOfNews .Details a{text-decoration: none !important;}


/*New News Section*/

.nav > li.mobile{display:none !important;}

.screen span.Expander{display: none !important;}
span.Expander{display:none;}

.lowres { width: 325px !important; height: 302px !important;}

#success_message {
    display: none;
}

.iframe-container {
    padding-bottom: 80%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .iframe-container iframe,
    .iframe-container object,
    .iframe-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.modal-header .close {
    margin-top: 0px !important;
    margin-right: 4px !important;
}

.close {
    text-align: right !important;
    width: 20px !important;
}

.modal-header {
    padding: 5px !important;
    border-bottom: 0 !important;
}

.logo {
    text-align: center;
    margin: 1em 0;
}

    .logo a {
        display: block;
    }

.pif_logo {
    width: 290px;
}

.f_logo {
    display: inline-block;
    margin: 1em 0;
}

    .f_logo a {
        display: block;
    }

    .f_logo img {
        width: 290px;
    }

.language {
    position: fixed;
    right: 0;
    top: 20%; /*z-index:99;*/
    background: rgba(0,0,0,0.5);
    padding: 5px 20px 5px 10px;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    -o-border-radius: 20px 0 0 20px;
    -ms-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
    z-index: 10;
}

    .language a {
        color: #FFF;
        font-family: 'SakkalMajallaBold';
        text-decoration: none;
    }

.hr_line {
    margin: 1em 0;
    width: 100%;
    height: 1px;
    background-color: #FFF;
}

.spacer {
    width: 100%;
    height: 10px;
    clear: both;
}

.container_top {
    min-height: 500px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#31434c+0,bc975d+100 */
    background: #31434c; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #31434c 0%, #bc975d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #31434c 0%, #bc975d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #31434c 0%, #bc975d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31434c', endColorstr='#bc975d', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*.header_bg { background:url(../images/header_bg.png) left top repeat-y #31434D; }*/
.border {
    border: groove 2px #000;
}

.square_box {
    position: relative;
    width: 380px;
    height: auto;
    margin: 20px;
}

    .square_box p {
        color: #FFF;
        line-height: 20px;
        font-size: 22px;
        font-family: 'SakkalMajallaRegular';
        text-align: justify;
    }

    .square_box:before {
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        position: absolute;
        top: -10px;
        left: -10px;
        border-top: 2px solid #FFF;
        border-left: 2px solid #FFF;
    }

    .square_box:after {
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        position: absolute;
        top: -10px;
        right: -10px;
        border-top: 2px solid #FFF;
        border-right: 2px solid #FFF;
    }

    .square_box p:before {
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        position: absolute;
        bottom: -10px;
        left: -10px;
        border-bottom: 2px solid #FFF;
        border-left: 2px solid #FFF;
    }

    .square_box p:after {
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        position: absolute;
        bottom: -10px;
        right: -10px;
        border-bottom: 2px solid #FFF;
        border-right: 2px solid #FFF;
    }

.highness_msg {
    color: #FFF;
    margin-left: 8px;
}

    .highness_msg h4 {
        text-align: left;
        margin: 0;
        padding: 0;
        font-weight: bold;
    }

    .highness_msg p {
        text-align: left;
        font-size: 16px;
        margin: 0;
    }


.my_navig {
    /*border-bottom: solid 1px #d89b00;
    border-top: solid 1px #d89b00;*/

    border-bottom: solid 1px #ffffff;
}

    .my_navig ul {
        margin: 0;
        padding: 0;
    }

    .my_navig li {
    }

        .my_navig li a {
            color: #FFF !important;
            display: block;
            border-radius: 0;
            text-transform: uppercase;
            font-family: 'SakkalMajallaRegular';
            padding: 1em 1.3em;
            font-size: 18px;
            text-align: center;
        }

            .my_navig li a:hover {
                background-color: #bc975d !important; /*border-radius: 10px 10px 0 0;*/
            }

            .my_navig li a.active {
                background-color: #bc975d !important; /*border-radius: 10px 10px 0 0;*/
            }

    .my_navig .navbar-collapse {
        margin: 0;
        padding: 0;
    }

    .my_navig .navbar-default {
        background: transparent !important;
        border: 0;
        box-shadow: none;
    }

    .my_navig .navbar {
        margin-bottom: 0;
    }

    .my_navig .navbar-default .navbar-nav > .active > a, .my_navig .navbar-default .navbar-nav > .my_navig .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        background: #bc975d !important;
        border-radius: 0 !important;
        box-shadow: none;
    }



.navbar-nav li:hover .sub-menu {
    z-index: 1;
    opacity: 1;
}

.screen .sub-menu{display: block !important;}
.sub-menu {
    width: 230px;
    padding: 5px 0px;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: -1;
    opacity: 0;
    transition: opacity linear 0.15s;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
    background: #bc975d;
}


.navbar-nav li:last-child .sub-menu {
    right: 0;
    left: auto;
}

.navbar-nav li:nth-last-child(2) .sub-menu {
    right: 0;
    left: auto;
}

.sub-menu li {
    display: block;
    font-size: 16px;
}

    .sub-menu li a {
        padding: 10px 30px;
        display: block;
        text-decoration: none;
        border-radius: 0 !important;
        font-size: 17px !important;
        text-align: left !important;
    }

        .sub-menu li a:hover, .sub-menu .current-item a {
            background: #3e3436;
        }
/*.navbar-nav ul > li:hover .sub-menu:after{
	content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    top: 50%;
    right: 5px;
	border-top-color: #aaa;}*/

/*.my_navig ul li:hover >  a:after{
	content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    top: 43%;
    right: 5px;
	border-top-color: #d89b00;
	}*/

.submenu-parent a:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    top: 43%;
    right: 5px;
    /*border-top-color: #d89b00;*/
    border-top-color: #fff;
}

.sub-menu li a:after{content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    top: 43%;
    right: 5px;
    /*border-top-color: #d89b00;*/
    border-top-color: #fff;}


.sub-menu li a:after { content: none !important;}

/*.my_navig ul li:last-child a:after{
	content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    top: 43%;
    right: 5px;
	border-top-color: #d89b00;}

.my_navig .sub-menu li a:after{content: none !important;}*/


.mid_section {
    color: #FFF;
}

    .mid_section a {
        color: #D89B00;
    }

    .mid_section ul {
    }

    .mid_section li {
        font-family: 'SakkalMajallaRegular';
        font-size: 20px;
    }

    .mid_section h1 {
    }

.investment_pool{margin:0; padding: 0;margin-bottom: 3em;}
.investment_pool ul{text-decoration: none;
    list-style-type: none;
    margin: 0;
    padding: 0;}
.investment_pool li{display: block;}
.investment_pool h3{font-family: inherit;
    margin-top: -58px;
    margin-bottom: 16px;
    border-left: 2px solid #fff;
    line-height: 1;
    padding-left: 5px;
    margin-left: 2.7em;}
.investment_pool img{    margin: 0;
    padding: 3px;
    width: 53px;
    margin-bottom: 1em;
    }

.med-sec {
    color: #FFF;
    height: auto;
    padding-bottom: 46px;
}

.media_section h1 {
    color: #fff;
    text-transform: capitalize !important;
}

.media_section nav {
    text-align: center !important;
}

.media_section .pagination > li > a {
    border: none;
    background: none;
    color: #fff;
}

    .media_section .pagination > li > a:hover {
        background: #fff;
        color: #000;
    }

.media_section .pagination > .active > a {
    background: #fff !important;
    color: #000 !important;
}

.med-sec-img {
    max-width: 100% !important;
    padding-bottom: 30px !important;
    top: 1em;
}

    .med-sec-img img {
        width: 325px !important; height: 300px !important;
    }

        .med-sec-img img:hover {
            left: 0;
            top: 0;
            width: 100%;
            background: url(../images/zoom-in.png) 50% 54% no-repeat #000;
            display: block;
        }

.sidebar {
    width: 48.8%;
    position: absolute;
    right: 0;
}

    .sidebar img {
        display: inline-block;
        width: 100%;
        height: auto;
    }

.career {
    color: #FFF;
    padding-left: 3.3em;
}

.career-grp {
    width: 48.8%;
    margin: 1em auto 0;
    font-family: inherit;
    font-size: 16px;
    float: left;
}

.file {
    visibility: hidden;
    position: absolute;
}

.submit-btn {
    margin-bottom: 30px;
    border: 1px solid #e0dfdd;
    padding: 11px;
    background-color: #bc975d;
    color: #fff;
    margin-top: 20px;
}

    .submit-btn:hover {
        background-color: #d89b00;
    }

.career-grp select {
    width: auto;
    padding: .7em 0.7em;
    margin-top: 10px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border: solid 1px #e0dfdd;
    margin-bottom: 20px;
    resize: none;
    background: none;
    display: block;
}

.career-grp option {
    display: block;
    background-color: #fff;
    color: #000;
}

.career-grp select:focus {
    outline: none !important;
    border-left: solid 1px #e0dfdd;
    border-right: solid 1px #e0dfdd;
    border-top: solid 1px #e0dfdd;
    border-bottom: solid 1px #e0dfdd;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
    box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
}



/*.career-grp select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}*/
/*.career-grp select::-ms-expand { display: none;}*/

.input-group {
    display: block !important;
}

.browse {
    border: 1px solid #e0dfdd;
    padding: 11px;
    background-color: #337ab7;
    color: #fff;
}

.career-grp fieldset {
    float: left;
    padding: 0;
    margin: 0;
    border: none;
}

.browse fieldset {
    float: left;
    width: 68% !important;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.input-container {
    width: 100%;
    float: left;
    height: auto !important;
}

    .input-container input:focus, .input-container input:active {
        outline: none;
    }

    .input-container input {
        width: 100%;
        float: left;
        border: solid 1px #e0dfdd;
        padding: .7em 1em;
    }

    .input-container button {
        float: right;
        position: absolute;
    }

.input-group-btn {
    position: absolute;
    right: -38px;
    top: 0;
    padding: 2px;
    z-index: 999;
    height: 34px;
    width: 38px;
}

    .input-group-btn button {
        float: right !important;
    }

.career-grp input[type=text] {
    width: 100%;
    color: #fff;
    float: none;
    background: none;
    outline: none;
    font-size: 1em;
    padding: .7em 1em;
    margin-bottom: 1.5em;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border: solid 1px #e0dfdd;
    -webkit-appearance: none;
    display: inline-block;
    display: block;
}

.career-grp input.email {
    float: right;
    width: 50%;
    color: #fff;
    background: none;
    outline: none;
    font-size: 1em;
    padding: .7em 1em;
    margin-bottom: 1.5em;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border: solid 1px #e0dfdd;
    -webkit-appearance: none;
    display: inline-block;
    display: block;
}

.career-grp input.name {
    float: left;
}

.career-grp input.subject {
    width: 100% !important;
    float: none;
}

.career-grp input[type=submit] {
    margin-bottom: 20px;
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    color: #fff;
    cursor: pointer;
    background: none;
}

.career-grp input:focus {
    border: solid 1px #e0dfdd;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
    box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
}

.career-grp input.submit {
    text-align: center;
}

#submit:hover {
    background-color: #fff;
    color: #000;
}

.career-grp p {
    text-align: left !important;
    padding-left: 0px !important;
    line-height: 20px !important;
    padding-top: 20px !important;
}


.contactus {
    color: #FFF;
    padding-left: 3.3em;
}

    .contactus a {
        color: #FFF;
    }

    .contactus p {
        text-align: left;
        padding-left: 36px;
        line-height: 18px;
    }

    .contactus ul {
    }

    .contactus li {
        font-family: 'SakkalMajallaRegular';
        font-size: 20px;
    }

    .contactus h1 {
        text-transform: capitalize !important;
    }

    .contactus h2 {
        text-transform: capitalize !important;
    }

    .contactus img {
        vertical-align: middle;
        padding-right: 6px;
    }

.contact-left {
    width: 35%;
    margin: 1em auto 0;
    float: left;
}

    .contact-left a {
        color: #D89B00;
    }

.contact-right {
    width: 65%;
    margin: 1em auto 0;
    font-family: inherit;
    font-size: 16px;
    right: 0;
}

.form-grp {
    width: 100%;
    margin: 1em auto 0;
    font-family: inherit;
    font-size: 16px;
}

    .form-grp input[type=text] {
        width: 100%;
        color: #fff;
        float: left;
        background: none;
        outline: none;
        font-family: 'SakkalMajallaRegular';
        font-size: 20px;
        padding: .4em 1em;
        margin-bottom: 1.5em;
        /* border-left: 0; */
        /* border-right: 0; */
        /* border-top: 0; */
        border: solid 1px #e0dfdd;
        -webkit-appearance: none;
        display: inline-block;
    }
    .form-grp input.phone {
        float: right;
        width: 48%;
        color: #fff;
        background: none;
        outline: none;
        font-family: 'SakkalMajallaRegular';
        font-size: 20px;
        padding: .4em 1em;
        margin-bottom: 1.5em;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border: solid 1px #e0dfdd;
        -webkit-appearance: none;
        display: inline-block;
    }
    .form-grp input.email {
        float: right;
        width: 48%;
        color: #fff;
        background: none;
        outline: none;
        font-family: 'SakkalMajallaRegular';
        font-size: 20px;
        padding: .4em 1em;
        margin-bottom: 1.5em;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border: solid 1px #e0dfdd;
        -webkit-appearance: none;
        display: inline-block;
    }

    .form-grp input.name {
        float: left;
    }

    .form-grp input.subject {
        width: 100% !important;
        float: none;
    }

    .form-grp textarea {
        width: 100%;
        padding: 15px;
        margin-top: 10px;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border: solid 1px #e0dfdd;
        margin-bottom: 20px;
        resize: none;
        background: none;
        font-family: 'SakkalMajallaRegular';
        font-size: 20px;
    }

        .form-grp textarea:focus {
            outline: none !important;
            border-left: solid 1px #e0dfdd;
            border-right: solid 1px #e0dfdd;
            border-top: solid 1px #e0dfdd;
            border-bottom: solid 1px #e0dfdd;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
            -moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
            box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
        }

.gray_color {
    color: #B3B3B3 !important;
}

.form-grp select {
    width: 100%;
    font-family: 'SakkalMajallaRegular';
    font-size: 20px;
    padding: .4em 1em;
    margin-top: 10px;
    border: solid 1px #e0dfdd;
    margin-bottom: 20px;
    resize: none;
    background: none;
    display: inline-block;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
	appearance: none; 
    background-image: linear-gradient(45deg, transparent 50%, #d89b00 50%), linear-gradient(135deg, #d89b00 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 8px 9px, 5px 10px, 2.5em 2.5em;
    background-repeat: no-repeat;
	outline: none !important;
}
.form-grp select::-ms-expand {
    display: none;
}

.form-grp option {
    display: block;
    background-color: #fff;
    color: #000;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
	appearance: none; 
}

.form-grp option::-ms-expand {
    display: none;
}

.form-grp select:focus {
    outline: none !important;
    border-left: solid 1px #e0dfdd;
    border-right: solid 1px #e0dfdd;
    border-top: solid 1px #e0dfdd;
    border-bottom: solid 1px #e0dfdd;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4) !important;
    -moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4) !important;
    box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4) !important;
}


.form-grp select:selected {
    color: #fff;
}



.form-grp input[type=submit] {
    margin-bottom: 20px;
    width: 100%;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    color: #fff;
    cursor: pointer;
    border: 1px solid #e0dfdd;
    padding: 11px;
    background-color: #bc975d;
    font-family: 'SakkalMajallaRegular';
    font-size: 20px;
}

.form-grp input:focus {
    border: solid 1px #e0dfdd;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
    box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
}
/*.form-grp textarea:focus{ border:solid 1px #e0dfdd;
-webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
-moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4);
}*/

.form-grp input.submit {
    text-align: center;
}

#submit:hover {
    background-color: #d89b00;
    color: #fff;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #e3b94e;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #e3b94e;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #e3b94e;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #e3b94e;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #e3b94e;
}


.form-grp label,
input,
button {
    border: 0;
    margin-bottom: 3px;
    display: block;
    width: 100%;
}

.form-grp input {
}

.form-grp button {
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    cursor: pointer;
}

.form-grp .error {
    color: #ff0000;
}


.form-grp .article-reference {
    margin-top: 15px;
}
/*.form-grp input:required:valid, .form-grp textarea:required:valid { box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}*/

.errorpage {
}

    .errorpage p {
        color: #FFF;
    }

    .errorpage a {
        color: #FFF;
    }

    .errorpage ul {
    }

    .errorpage li {
        font-family: 'SakkalMajallaRegular';
        font-size: 40px;
    }

    .errorpage h1 {
    }

.footer_bg {
    background-color: #3e3e3e;
    margin-top: 40px;
    color: #FFF;
    padding: 0;
}

.footer_nav {
    margin-top: 3em;
}

    .footer_nav ul {
    }

    .footer_nav li {
        display: inline-block;
        width: 198px;
        border-left: solid 1px #FFF;
        margin: 0.5em 0;
    }

        .footer_nav li a {
            display: block;
            padding: 0 1em;
            color: #FFF;
            text-align: left;
            text-transform: uppercase;
            font-size: 15px;
        }

            .footer_nav li a:hover {
                background-color: #bc975d;
                color: #000;
                text-decoration: none;
            }

.round {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 34px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #f0f0f0;
    color: #FFF;
    text-align: center;
    margin-left: 2em;
    float: left;
}

.margin-lr {
    margin: 0 0.5em;
}

.round.hollow {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #FFF;
    color: #222;
    text-align: center;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
}

.round a {
    color: #3e3e3e;
}

    .round a:hover {
        color: #D89B00;
    }

.scrollup_arrow {
    margin-top: -30px;
}

    .scrollup_arrow a {
        width: 60px;
        height: 60px;
        background-color: #166a36;
        color: #FFF;
        border: solid 1px #FFF;
        border-radius: 50%;
        padding: 5px;
        text-align: center;
        display: inline-block;
    }

.arrow-right {
}

    .arrow-right a {
        width: 60px;
        height: 60px;
        background-color: #166a36;
        color: #FFF;
        border: solid 1px #FFF;
        border-radius: 50%;
        padding: 5px;
        text-align: center;
        display: inline-block;
    }

.green_heading {
    margin: 1em 0;
}

    .green_heading h1 {
        color: #166a36;
    }

.green_area {
    color: #FFF;
    padding: 2em 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#25434b+0,166a36+100 */
    background: #25434b; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #25434b 0%, #166a36 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #25434b 0%, #166a36 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #25434b 0%, #166a36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25434b', endColorstr='#166a36', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

    .green_area a {
        color: #D89B00;
    }

.flower_bg_color {
    color: #FFF;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#166a36+0,26424c+100 */
    background: #166a36; /* Old browsers */
    background: -moz-linear-gradient(left, #166a36 0%, #26424c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #166a36 0%,#26424c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #166a36 0%,#26424c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#166a36', endColorstr='#26424c',GradientType=1 ); /* IE6-9 */
}

.flower_bg {
    background: url(../images/flower_bg.png) center top no-repeat;
    padding: 2.4em 0;
    color: #FFF;
}


.m_value_bg {
    background: url(../images/m_value_bg.jpg) center top no-repeat #166a36;
    background-size: 100% 100%;
    padding: 2.4em 0;
    color: #FFF;
    margin: 2em 0;
}

.grey_area {
    background-color: #e8e8e8;
    padding-bottom: 5em;
}

.comp_logos {
    position: relative;
    width: 100%;
}

    .comp_logos h2 {
        position: relative;
        text-align: left;
        color: #166a36;
        margin: 2em 0;
        font-family: 'SakkalMajallaRegular';
        font-size: 30px;
        font-weight: normal;
        text-transform: none;
    }

        .comp_logos h2 span {
            background: #e8e8e8;
            padding: 0;
            position: relative;
            z-index: 1;
        }

        .comp_logos h2:before {
            background: #166a36;
            content: "";
            display: block;
            height: 1px;
            position: absolute;
            top: 50%;
            width: 100%;
        }

        .comp_logos h2:before {
            left: 0;
        }

    .comp_logos ul {
        margin: 0;
        padding: 0;
    }

    .comp_logos li {
        list-style: none;
        display: inline-block;
		padding: 10px 6px;
    }

        .comp_logos li a {
            display: block;
            margin-right: 20px;
        }

            .comp_logos li a:hover {
            }

.h-line {
    width: 100%;
    height: 1px;
    background-color: #06C;
}


.media_section {
    color: #FFF;
    width: 100%;
    height: auto;
    padding-bottom: 46px;
}

    .media_section h1 {
        color: #fff;
        text-transform: capitalize !important;
    }

    .media_section nav {
        text-align: center !important;
    }

.media_item {
    color: #FFF;
    width: 100%;
    height: auto !important;
    border-bottom: 1px solid #fff;
    margin-bottom: 21px;
}

.n_date {
    font-size: 13px;
    padding-left: 24px;
    color: #d89b00;
    background: url(../images/ico_date.png) no-repeat left -2px;
    background-color: rgba(0, 0, 0, 0);
    display: block;
    font-weight: 100;
    float: right;
}

.n_date2 {
    font-size: 13px;
    padding-left: 24px;
    color: #d89b00;
    background: url(../images/ico_date.png) no-repeat left -2px;
    background-color: rgba(0, 0, 0, 0);
    display: block;
    font-weight: 100;
    float: left;
}

.media-left {
    width: 15%;
    padding-bottom: 20px !important;
}

    .media-left img {
        width: 100% !important;
        float: left;
        position: relative;
        overflow: hidden;
        margin-right: 10px;
        max-height: 146px;
    }

.media-right {
    width: 85%;
    height: auto;
    padding: 0;
    margin: 0;
}

.border-spacer {
    border-left: solid 9px #FFF;
    padding-left: 14px;
}

.media-right h3 {
    margin: 0;
    text-transform: capitalize;
    font-weight: bold;
}

.media-right p {
    margin: 0.5em 0 0px 22px !important;
    /*width: 100%;*/
    height: 55px;
    overflow: hidden;
}

.media-right a {
    color: #d89b00;
    font-style: italic;
    font-weight: 600;
    margin: 0.5em 0 0px 22px !important;
}

    .media-right a:hover {
        color: #bc975d !important;
        font-style: italic !important;
        text-decoration: none;
    }

hr {
    margin-top: 10px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #d89b00;
    margin-left: 22px;
}



.leadership {
    min-height: 300px;
}

    .leadership p {
        margin: 0;
        font-size: 18px;
        text-align: center;
    }

    .leadership h3 {
        font-size: 20px;
    }

    .leadership img {
        border: solid 6px #414042;
    }

.board_msg {
    margin: 1em 0;
    color: #166a36;
}

.board_members {
    min-height: 300px;
}

    .board_members p {
        margin: 0;
        font-size: 18px;
        text-align: center;
    }

    .board_members h3 {
        font-size: 21px;
    }

    .board_members img {
        border: solid 6px #FFF;
    }

/* Home Page Slider CSS Start Here */
.bs-slider {
    overflow: hidden; /*max-height: 700px;*/
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+100 */
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

    .bs-slider .carousel-inner {
        max-width: 1350px;
        margin: 0 auto;
    }
    /*.bs-slider:hover { cursor: -moz-grab; cursor: -webkit-grab; }
.bs-slider:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; }*/
    .bs-slider .bs-slider-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.40);
    }

    .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {
        margin: auto;
        max-width: 100% !important;
    }
/************************* Slide effect **********************/
.fade {
    opacity: 1;
}

    .fade .item {
        top: 0;
        z-index: 1;
        opacity: 0;
        width: 100%;
        position: absolute;
        left: 0 !important;
        display: block !important;
        -webkit-transition: opacity ease-in-out 1s;
        -moz-transition: opacity ease-in-out 1s;
        -ms-transition: opacity ease-in-out 1s;
        -o-transition: opacity ease-in-out 1s;
        transition: opacity ease-in-out 1s;
    }

        .fade .item:first-child {
            top: auto;
            position: relative;
        }

        .fade .item.active {
            opacity: 1;
            z-index: 2;
            -webkit-transition: opacity ease-in-out 1s;
            -moz-transition: opacity ease-in-out 1s;
            -ms-transition: opacity ease-in-out 1s;
            -o-transition: opacity ease-in-out 1s;
            transition: opacity ease-in-out 1s;
        }
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
    top: 47%;
    opacity: 0;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.control-round:hover .carousel-control {
    opacity: 1;
}

.control-round .carousel-control.left {
    left: 1%;
}

.control-round .carousel-control.right {
    right: 1%;
}

    .control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover {
        color: #fdfdfd;
        background: rgba(0, 0, 0, 0.5);
        border: 0px transparent;
    }

.control-round .carousel-control.left > span:nth-child(1) {
    left: 45%;
}

.control-round .carousel-control.right > span:nth-child(1) {
    right: 45%;
}
/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators {
    right: 45%;
    bottom: 3%;
    left: auto;
    width: 90%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}

    .indicators-line > .carousel-indicators li {
        padding: 0;
        width: 8px;
        height: 8px;
        text-indent: 0;
        overflow: hidden;
        text-align: left;
        position: relative;
        -webkit-font-smoothing: antialiased;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin: 10px;
        -webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
        transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
        z-index: 10;
        cursor: pointer;
        background-color: #FFF;
    }

        .indicators-line > .carousel-indicators li:last-child {
            margin-right: 0;
        }

    .indicators-line > .carousel-indicators .active {
        margin: 10px;
        background-color: rgba(204,204,204,0.8);
        position: relative;
        -webkit-transition: box-shadow 0.3s ease;
        -moz-transition: box-shadow 0.3s ease;
        -o-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
    }

        .indicators-line > .carousel-indicators .active:before {
            transform: scale(0.5);
            background-color: #fff;
            content: "";
            position: absolute;
            left: -1px;
            top: -1px;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            -webkit-transition: background-color 0.3s ease;
            -moz-transition: background-color 0.3s ease;
            -o-transition: background-color 0.3s ease;
            transition: background-color 0.3s ease;
        }


/*---------- SLIDE CAPTION ----------*/
.slide_style_left {
    text-align: left !important;
}

.slide_style_right {
    text-align: right !important;
}

.slide_style_center {
    text-align: center !important;
}

.slide-text {
    left: 30%;
    top: 40%;
    margin: auto;
    padding: 10px;
    position: absolute;
    text-align: left;
}

    .slide-text > h1 {
        padding: 0;
        color: #ffffff;
        font-size: 70px;
        font-style: normal;
        line-height: 84px;
        margin-bottom: 30px;
        display: inline-block;
        -webkit-animation-delay: 0.7s;
        animation-delay: 0.7s;
    }

    .slide-text > p {
        padding: 0;
        color: #ffffff;
        font-size: 20px;
        line-height: 24px;
        font-weight: 300;
        margin-bottom: 40px;
        -webkit-animation-delay: 1.1s;
        animation-delay: 1.1s;
    }

    .slide-text > a.btn-default {
        color: #000;
        font-weight: 400;
        font-size: 13px;
        line-height: 15px;
        margin-right: 10px;
        text-align: center;
        padding: 17px 30px;
        white-space: nowrap;
        display: inline-block;
        border: none;
        text-transform: uppercase;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
        transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    }

    .slide-text > a.btn-primary {
        color: #ffffff;
        cursor: pointer;
        font-weight: 400;
        font-size: 13px;
        line-height: 15px;
        margin-left: 10px;
        text-align: center;
        padding: 17px 30px;
        white-space: nowrap;
        background: #00bfff;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        border: none;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
        transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    }

    .slide-text > a:hover, .slide-text > a:active {
        color: #ffffff;
        background: #222222;
        -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
        transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    }


/* RESPONSIVE ------------------------------------------------------*/
@media (max-width: 991px) {
    .slide-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }

    .slide-text > p {
        font-size: 18px;
    }
}
/*---------- MEDIA 480px ----------*/

@media (max-width: 768px) {
    .slide-text {
        padding: 10px 50px;
    }

        .slide-text h1 {
            font-size: 30px;
            line-height: 40px;
            margin-bottom: 10px;
        }

        .slide-text > p {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 20px;
        }

    .control-round .carousel-control {
        display: none;
    }
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
    .my_navig {
        border-bottom: none;
    }

        .my_navig li a {
            border-radius: 0 !important;
        }

        .my_navig .navbar-default .navbar-nav > .active > a, .my_navig .navbar-default .navbar-nav > .my_navig .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
            border-radius: 0 !important;
        }

        .my_navig .navbar {
            position: absolute;
            left: 0 !important;
            top: 0 !important;
            z-index: 9;
        }

        .my_navig .navbar-default .navbar-collapse, .navbar-default .navbar-form {
            background: rgba(0,0,0,0.6) !important;
            z-index: 9;
        }

        .my_navig .navbar-toggle {
            margin-left: 8px !important;
            background-color: #BC975D;
            float: left !important;
        }

        .my_navig .navbar-default .navbar-toggle:focus, .my_navig .navbar-default .navbar-toggle:hover {
            background-color: #BC975D !important;
        }

        .my_navig .navbar-default .navbar-toggle .icon-bar {
            background-color: #FFF !important;
        }


    .slide-text {
        left: 4%;
        padding: 0;
        top: 30%;
        width: 400px;
    }

    .square_box p {
        font-size: 12px;
        line-height: 14px;
    }

    .square_box {
        margin: 0;
        width: 100%;
        top: 25%;
    }

    .highness_msg {
    }

        .highness_msg p {
            font-size: 14px !important;
            line-height: 16px !important;
        }

        .highness_msg h4 {
            font-size: 16px !important;
            line-height: 18px !important;
        }

    .remove_padding {
        padding: 0 15px;
    }
}

@media (max-width: 480px) {
    .slide-text {
        padding: 10px 30px;
    }

        .slide-text h1 {
            font-size: 20px;
            line-height: 25px;
            margin-bottom: 5px;
        }

        .slide-text > p {
            font-size: 12px;
            line-height: 18px;
            margin-bottom: 10px;
        }

        .slide-text > a.btn-default, .slide-text > a.btn-primary {
            font-size: 10px;
            line-height: 10px;
            margin-right: 10px;
            text-align: center;
            padding: 10px 15px;
        }

    .indicators-line > .carousel-indicators {
        display: none;
    }
}


.page_header {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    z-index: 9;
}

.fund_area {
    margin: 0;
    color: #166a36;
}

    .fund_area h3 {
        text-align: justify !important;
    }

.world_map {
    margin: 2em 0;
}

    .world_map img {
        margin: 0 auto;
    }


.my_model {
    background-color: #f6f6f6;
    color: #000;
}

    .my_model .modal-header {
        padding: 0;
        display: block;
        color: #FFF;
    }

        .my_model .modal-header i {
            color: #FFF;
        }

        .my_model .modal-header .close_btn {
            padding: 10px;
            background-color: #bc975d;
            opacity: 1;
            margin-top: 0px;
        }

.bottom_bar {
    height: 10px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bc975d+0,31434c+100 */
    background: #bc975d; /* Old browsers */
    background: -moz-linear-gradient(left, #bc975d 0%, #31434c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #bc975d 0%,#31434c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #bc975d 0%,#31434c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc975d', endColorstr='#31434c',GradientType=1 ); /* IE6-9 */
}

.linkedin i {
    color: #000;
}

.copyright {
    padding: 10px 0;
}

    .copyright p {
        text-align: center;
    }


.remove_padding {
    padding: 0;
}