body {
    font-family: 'Cairo', sans-serif;
    background: #12284c;
}
.invest-top {
    position: relative;
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 1;
    border-bottom: 3px solid #b4a269;
}
.invest-content {
    padding: 40px 0 40px;
    background: #fff;
}
h1, h2, h3, h4, h5 {
    color: #b8a56a;
    font-weight:bold;
}
p{
    color:#fff;
    font-size:16px;
    line-height:24px;
}
.invest-content h5 {
    margin-top: 35px;
}
ol,ul{
color:#fff;
}
.invest-main-icons ul {
    padding-inline-start: 0px;
    list-style: none;
}
.invest-main-icons ul li{
    display:inline-block;
    margin-left:50px;
}
    .invest-main-icons ul li img {
      max-width:100%;
    }
    @media (max-width:767px)
    {
        .invest-main-icons ul li
        {
            margin-left:0;
            margin-bottom:20px;
        }
    }
    iframe
    {
        max-width:100%;
    }
.invest-main-icons {
    margin-top: 50px;
}
@media (min-width: 1200px) {
    .col-md-20 {
        float: right;
    }
}
@media (min-width: 1200px) {
    .col-md-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        width: 20%;
        float: left;
    }

    
}
@media (max-width:1199px) {
    .col-md-20 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        max-width: 100%;
    }
}
.col-md-20 img{
    max-width:100%;
}
.mar-t-20
{
    margin-top:20px;
}
.topten
{
    text-align:center;
  
}
    .topten img {
        max-width: 125px;
    }
.mar-t-60
{
    margin-top:60px;
}
.topten img{
    margin-bottom:25px;
}
.clear
{
    clear:both
}
.topten h4 {
    color: #12284c;
    line-height: 26px;
}
.topfifty h1
{
margin-bottom:40px;
}
.topfifty ul li{
    margin-bottom:5px;
}
@media (max-width:767px)
{
    .invest-top
    {
        text-align:center;
    }
    .invest-top .pull-left{
        float:none !important
    }
        .invest-top .pull-right {
            float: none !important
        }
}
.invest-top img{
    max-width:100%;
}
.homeslider {
    position: absolute;
    z-index: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    direction: ltr !important;
    height: 100% !important;
}
.ms-grab-cursor {
    cursor: default !important;
}
.ms-view {
    background: rgba(255, 255, 255, 0) !important;
}
.homeslider .master-slider .ms-slide {
    float: right;
}
.ms-slide .ms-slide-layers, .ms-fixed-layers {
    pointer-events: auto !important;
}
.homeslider .txtcontainer {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 240px;
    z-index: 9;
    direction: rtl;
}
    .homeslider .txtcontainer h2 {
        line-height: 1.3;
        text-transform: uppercase;
        color: #545283;
        text-align: center;
        max-width: 570px;
        margin: 0 auto;
    }
    .homeslider .txtcontainer p {
        color: #5c0e16;
        text-align: center;
        max-width: 570px;
        margin: 0 auto;
    }
.invest
{
    margin-top:100px;
}
.right-invest {
    position: absolute;
 
    top: 195px;
    right: 0;
    left: inherit;
}
    .right-invest ul {
        padding-inline-start: 0px;
        list-style: none;
        max-width: 320px;
      
    }
       
    }
.right-invest img {
    max-width: 125px;
}
    .right-invest span {
        position: absolute;
        left: 15px;
        font-size: 26px;
        font-weight: bold;
    }
.right-invest li{
    position:relative;
	margin-bottom:15px;
}
    .right-invest li a:hover, .right-invest li a:focus
    {
        text-decoration:none;
    }
    @media (max-width:1199px)
    {
        .right-invest {
            position: relative;
            text-align: center;
         
            padding: 40px 0;
          
            top: 0;
            background: #12284c;
        }
            .right-invest ul li a
            {
                text-align:right
            }
           
           
           
    }

.industrial-right img{
    width:100%;
    max-width:100%;
}

.industrial-right h1 {
   
    font-size: 29px;
    color: #12284c;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 60px;
    z-index: 99;
    margin-top: -58px;
    position: relative;
}
.industrial-right > .col-md-6:first-child .row {
    background: #b4a269;
    height: 80px;
    width: 100%;
    transform: skew(-15deg);
    padding-right: 30px;
    margin-right: -30px;
    z-index: 0;
}
.industrial-right p {
    text-align: justify;
    color: #12284c;
    font-weight: bold;
    font-size: 16px;
    line-height: 40px;
}
.industrial-right h5 {
    text-align: justify;
    padding-right: 50px;
    padding-left: 50px;
    color: #12284c;
    font-size: 24px;
    line-height: 40px;
    margin-top:60px;
}

.m-t-30
{
    margin-top:30px;
}
.industrial-left
{
    position:relative
}
.industrial-left-1 {
    position: absolute;
    top: 10px;
    right: 300px;
}

.industrial-left-2 {
    position: absolute;
    top: 105px;
    right: 410px;
}
    .industrial-left ul li {
        color: #b4a269;
        font-size: 12px;
    }
.industrial-left img {
    width: 465px;
}
.industrial-left ul {
    padding-inline-start: 15px;
}
.industrial-left-3 {
    position: absolute;
    top: 283px;
    right: 460px;
}
.industrial-left h3 {
    color: #12284c;
    font-size: 13px;
    line-height: 18px;
}
.industrial-left-4 {
    position: absolute;
    top: 433px;
    right: 418px;
}
.industrial-left-5 {
    position: absolute;
    top: 540px;
    right: 285px;
}
.industrial-left-6 {
    position: absolute;
    top: 615px;
    right: 0;
}
.industrial-left h4 {
    position: absolute;
    right: 35px;
    top: 273px;
    color: #12284c;
    font-size: 28px;
    text-align: center;
}
@media (max-width:1200px) {
    .industrial-right .col-md-6
    {
        width:100%;
    }
}
@media (max-width:615px)
{
    .industrial-left img {
        width: 205px;
    }
    .industrial-left h4 {
        position: absolute;
        right: 18px;
        top: 130px;
        color: #12284c;
        font-size: 14px;
        text-align: center;
    }
    .industrial-left-1 {
        top: 10px;
        right: 125px;
    }
    .industrial-left-2 {
        position: absolute;
        top: 50px;
        right: 185px;
    }
    .industrial-left-3 {
        top: 121px;
        right: 205px;
    }
    .industrial-left-3 {
        top: 120px;
        right: 210px;
    }
    .industrial-left-4 {
        top: 187px;
        right: 190px;
    }
    .industrial-left-5 {
        position: absolute;
        top: 238px;
        right: 130px;
    }
    .industrial-left-6 {
        position: absolute;
        top: 275px;
        right: 0;
    }
    .industrial-left ul li {
       
        font-size: 7px;
    }
  
}
@media (max-width:349px) {
    .industrial-left img {
        width: 155px;
    }
    .industrial-left h3 {
        font-size: 10px;
        line-height: 10px;
    }
    .industrial-left-1 {
        top: 15px;
        right: 98px;
    }
    .industrial-left-2 {
        position: absolute;
        top: 45px;
        right: 140px;
    }
    .industrial-left h4 {
      
        right: 13px;
        top: 100px;
       
        font-size: 11px;
      
    }
    .industrial-left-3 {
        top: 102px;
        right: 157px;
    }
    .industrial-left-4 {
        top: 148px;
        right: 141px;
    }
    .industrial-left-5 {
        position: absolute;
        top: 188px;
        right: 100px;
    }
    .industrial-left-6 {
        position: absolute;
        top: 218px;
        right: 0;
    }
}
@media (max-width:767px)
{
    .industrial-right > .col-md-6:first-child .row {
      
     
        width: 100%;
        transform: skew(0deg);
        padding-right: 0;
        margin-right: 0;
      
        margin-left: 0;
    }
    .industrial-right h1 {
        font-size: 18px;
     
       
      
        margin-top: -50px;
       
    }
}
.invest-content p {
    color: #12284c;
}
.topfifty tr th:first-child, .topfifty tr td:first-child {
    background: #b4a269;
    color: #fff;
    text-align: center;
    padding-top: 23px;
    padding-bottom: 23px;
    width: 158px;
    font-size: 24px;
    line-height: 24px;
}
.topfifty .table > tbody > tr > td, .topfifty .table > tbody > tr > th, .topfifty .table > tfoot > tr > td, .topfifty .table > tfoot > tr > th, .topfifty .table > thead > tr > td, .topfifty .table > thead > tr > th {
    border-top: 0px solid #ddd;
}
.topfifty .table > thead > tr > th {
    border-bottom: 0px solid #ddd;
}
 .topfifty tr th:last-child, .topfifty tr td:last-child {
    margin-right: 10px;
    display: block;
}
.topfifty .table > tbody > tr {
    margin-bottom: 5px;
    display: table;
    width: 100%;
}
.topfifty .table > thead > tr {
    width: 100%;
    margin-bottom: 5px;
    display: table;
}
.topfifty tr th:last-child, .topfifty tr td:last-child {
    background: #b4a269;
    color: #fff;
    text-align: center;
    padding-top: 27px;
    padding-bottom: 27px;
 
}
.topfifty .table > tbody > tr > td:last-child
{
    text-align:right;
    font-size:18px;
    line-height:24px;
}
.topfifty tr td:last-child {
    background: #1b2537;
}
.topfifty .table > tbody > tr:first-child > td:first-child {
    background: #f6e12e;
}
.topfifty .table > tbody > tr:nth-child(2) > td:first-child {
    background: #ea943b;
}
.topfifty .table > tbody > tr:nth-child(3) > td:first-child {
    background: #de4f6e;
}
.topfifty .table > tbody > tr:nth-child(4) > td:first-child {
    background: #da5490;
}
.topfifty .table > tbody > tr:nth-child(5) > td:first-child {
    background: #625693;
}
.topfifty .table > tbody > tr:nth-child(6) > td:first-child {
    background: #317db2;
}
.topfifty .table > tbody > tr:nth-child(7) > td:first-child {
    background: #56bcdd;
}
.topfifty .table > tbody > tr:nth-child(8) > td:first-child {
    background: #73c0aa;
}
.topfifty .table > tbody > tr:nth-child(9) > td:first-child {
    background: #69b548;
}
.topfifty .table > tbody > tr:nth-child(10) > td:first-child {
    background: #b0ce3a;
}
.topfifty .table > tbody > tr:nth-child(11) > td:first-child {
    background: #f6e12e;
}
.topfifty .table > tbody > tr:nth-child(12) > td:first-child {
    background: #ea943b;
}
.topfifty .table > tbody > tr:nth-child(13) > td:first-child {
    background: #ea943b;
}
.topfifty .table > tbody > tr:nth-child(14) > td:first-child {
    background: #de4f6e;
}
.topfifty .table > tbody > tr:nth-child(15) > td:first-child {
    background: #625693;
}
.topfifty .table > tbody > tr:nth-child(16) > td:first-child {
    background: #317db2;
}
.topfifty .table > tbody > tr:nth-child(17) > td:first-child {
    background: #56bcdd;
}
.topfifty .table > tbody > tr:nth-child(18) > td:first-child {
    background: #73c0aa;
}
.topfifty .table > tbody > tr:nth-child(19) > td:first-child {
    background: #69b548;
}
.topfifty .table > tbody > tr:nth-child(20) > td:first-child {
    background: #b0ce3a;
}
.topfifty .table > tbody > tr:nth-child(21) > td:first-child {
    background: #f6e12e;
}
.topfifty .table > tbody > tr:nth-child(22) > td:first-child {
    background: #ea943b;
}
.topfifty .table > tbody > tr:nth-child(23) > td:first-child {
    background: #de4f6e;
}
.topfifty .table > tbody > tr:nth-child(24) > td:first-child {
    background: #da5490;
}
.topfifty .table > tbody > tr:nth-child(25) > td:first-child {
    background: #625693;
}
.topfifty .table > tbody > tr:nth-child(26) > td:first-child {
    background: #317db2;
}
.topfifty .table > tbody > tr:nth-child(27) > td:first-child {
    background: #56bcdd;
}
.topfifty .table > tbody > tr:nth-child(28) > td:first-child {
    background: #73c0aa;
}
.topfifty .table > tbody > tr:nth-child(29) > td:first-child {
    background: #69b548;
}
.topfifty .table > tbody > tr:nth-child(30) > td:first-child {
    background: #b0ce3a;
}
.topfifty .table > tbody > tr:nth-child(31) > td:first-child {
    background: #f6e12e;
}
.topfifty .table > tbody > tr:nth-child(32) > td:first-child {
    background: #ea943b;
}
.topfifty .table > tbody > tr:nth-child(33) > td:first-child {
    background: #de4f6e;
}
.topfifty .table > tbody > tr:nth-child(34) > td:first-child {
    background: #da5490;
}
.topfifty .table > tbody > tr:nth-child(35) > td:first-child {
    background: #625693;
}

.topfifty .table > tbody > tr:nth-child(36) > td:first-child {
    background: #317db2;
}

.topfifty .table > tbody > tr:nth-child(37) > td:first-child {
    background: #56bcdd;
}
.topfifty .table > tbody > tr:nth-child(38) > td:first-child {
    background: #73c0aa;
}
.topfifty .table > tbody > tr:nth-child(39) > td:first-child {
    background: #69b548;
}
.topfifty .table > tbody > tr:nth-child(40) > td:first-child {
    background: #b0ce3a;
}
.topfifty .table > tbody > tr:nth-child(41) > td:first-child {
    background: #f6e12e;
}
.topfifty .table > tbody > tr:nth-child(42) > td:first-child {
    background: #ea943b;
}
.topfifty .table > tbody > tr:nth-child(43) > td:first-child {
    background: #de4f6e;
}
.topfifty .table > tbody > tr:nth-child(44) > td:first-child {
    background: #da5490;
}
.topfifty .table > tbody > tr:nth-child(45) > td:first-child {
    background: #625693;
}
.topfifty .table > tbody > tr:nth-child(46) > td:first-child {
    background: #317db2;
}
.topfifty .table > tbody > tr:nth-child(47) > td:first-child {
    background: #56bcdd;
}
.topfifty .table > tbody > tr:nth-child(48) > td:first-child {
    background: #317db2;
}
.topfifty .table > tbody > tr:nth-child(49) > td:first-child {
    background: #56bcdd;
}
.topfifty .table > tbody > tr:nth-child(50) > td:first-child {
    background: #73c0aa;
}
@media (min-width:1200px)
{
    .top-hidden
    {
        display:none
    }
}
@media (max-width:1199px) {
    .bottom-hidden {
        display: none
    }

}
.invest-new {
    position: relative;
    text-align: center;
    margin-bottom: 200px;
}
.top-1 {
    position: absolute;
    top: 135px;
    left: 0;
    right: 0;
    margin: auto;
}
.ten-new
{
    margin-top:175px;
}
.invest-new p {
    color: #12284c;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 24px;
}
.top-2 {
    position: absolute;
    top: 197px;
    right: 210px;
}
.top-3 {
    position: absolute;
    top: 197px;
    left: 200px;
}
.top-4 {
    position: absolute;
    top: 355px;
    left: 45px;
}
.top-5 {
    position: absolute;
    top: 355px;
    right: 80px;
}
.top-6 {
    position: absolute;
    top: 665px;
    left: 45PX;
}

.top-7 {
    position: absolute;
    top: 665px;
    right: 120px;
}
.top-8 {
    position: absolute;
    top: 834px;
    left: 113px;
}

.top-9 {
    position: absolute;
    top: 835px;
    right: 125px;
}
.top-10 {
    position: absolute;
    bottom: -185px;
    right: 0px;
    left: 0px;
    margin: auto;
}




.invet-cover {
    margin-left: 0px;
    margin-top: 20px;
}
.btn-download {
    background: #b4a269;
    padding: 5px 20px;
    color: #12284c;
    margin-top: 15px;
    display: inline-block;
}
    .btn-download:hover, .btn-download:focus {
        color: #12284c;
        text-decoration: none
    }