@font-face{
    font-display:block;font-family:icomoon;font-style:normal;font-weight:400;
    src:url("../Fonts/icomoon/icomoon.eot?2j5zvw");
    src:url("../Fonts/icomoon/icomoon.eot?2j5zvw#iefix") format("embedded-opentype"),
    url("../Fonts/icomoon/icomoon.ttf?2j5zvw") format("truetype"),url("../Fonts/icomoon/icomoon.woff?2j5zvw") format("woff"),url("../Fonts/icomoon/icomoon.svg?2j5zvw#icomoon") format("svg")}

/* @font-face {
    font-family: "moon";
    src: url("../Fonts/icomoon/icomoon.eot?2j5zvw");
    src: url("../Fonts/icomoon/icomoon.eot?2j5zvw#iefix") format("embedded-opentype"), url("../Fonts/icomoon/icomoon.ttf?2j5zvw") format("truetype"), url("../Fonts/icomoon/icomoon.woff?2j5zvw") format("woff"), url("../Fonts/icomoon/icomoon.svg?2j5zvw#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
  } */
body{
    background-image:url('../../images/background.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-position: center;
    scroll-behavior: smooth;
    font-family: "Cairo" !important;
    line-height:140% !important;
}
.topUl{
    padding-left:0px !important;
}
.btn-bold{
    font-weight:bold !important;
}
.btn:hover{
    color:black !important;
}
.home-page{
    height:calc(100vh - 130px);
    overflow:hidden;
}
#home_sec{
    min-height:calc(100vh - 130px);
    overflow:hidden;
}
.btn{
    font-size:13px !important;
}
.btn-primary{
    /*color:black !important;*/
    font-weight:bold;
    background-color: #aeaeae;
    border-color: #aeaeae;
}
.btn-primary:hover{
    background-color:white !important;
}
.left-carousel-item img{
    height:500px !important;
}

.listar-copyright{
    font-size: 14px;
}

.buttonBox{
    width:190px;height:170px;border-radius:15px;border:solid 1px #ccc;padding:15px;
    text-align:center;
    color:#474747;cursor:pointer;
    font-weight:bold;
    max-width: 100%;
}

.buttonBox i{
    color:#aeaeae;
}
.status-box{
    position:absolute;
    bottom:5px;left:5px;
    width:30px;height:30px;
    text-align:center;padding:2px;
}
.comp-cont{
    border-radius:15px;
    padding:20px;border:solid 1px #ecebeb;
    margin-bottom:30px;
    font-size:14px;
    position:relative;
}
a.comp-cont{
    color:black !important;
}
.comp-cont:hover{
    background-color:#f8f7f7;
}

.link-sp{
	color:#2a7eca;
	cursor:pointer;
}

.font-xs{
    font-size:0.6rem;
}
.font-sm{
    font-size:0.9rem;
}
.font-md{
    font-size:1.2rem;
}
.font-lg{
    font-size:1.4rem;
}

.brief{
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	background-color:#418a48;
	color:white;
	border-radius:5px;
	width:auto !important;
	display:inline-block;
	margin-right:auto;margin-left:auto;
	vertical-align: middle;
}
.brief i{
	vertical-align: middle;
}
.brief.pending{background-color:rgb(200, 214, 77);}
.brief.danger{background-color:#d9534f;}
.brief.initial{background-color:#512cd6;}
.brief.wow{background-color:#e27821;}
.brief.balert{background-color:#e6c861;}
.brief.info{background-color:rgb(192, 192, 28);}
.brief.warning{background-color:orange;}
.brief-sm{font-size:11px;padding:5px;}
.brief.success i{color:white !important;}

.slider_img{
    height:100%;margin-right:auto;margin-left:auto;
}

.text-gray{
    color:#474747;
}

.logo{
    max-height:70px;
}
a{
    text-decoration:none;
    color:#767676;
}
.page-top{
    background-color:#f8f8f8;
    /*height:60px;*/
    color:#474747;
}
.page-top a{/*color:rgb(44, 43, 43);*/}

.topUl{
    list-style:none;
    float:left;
}
.topUl li{
    float:right;
    margin-bottom:7px;
    padding-right:15px;padding-left:15px;
    font-size:0.9rem;
}
h1, h2, h3, h4, h5, h6{
    line-height: 150%;
}

.toast-top-right{
    top:75x;
}

.memProf{
    margin-right:auto;margin-left:auto;background-color:#f3f2f2;text-align:center;
    padding:30px;min-height:120px;
    padding-top:40px;
    cursor:pointer;
    border-radius:10px;
}
.memProf:hover{
    background-color:#e0e0e0;
}

.title_box{
    background-color: #FECB00;
    padding: 7px;
    padding-top: 15px;  
    height: 55px;
    font-weight: 700;    
    float: right;
    color: #1a1b1b;
    font-size: 1.3rem;
}

.rev_cont{
    margin-top:30px;
    padding:15px;
    border-radius:15px;border:solid 3px;
    min-height:150px;width:100%;position:relative;
    border-right:0px;
    border-bottom-right-radius:0px;
    border-top-right-radius:0px;
    font-size:1.0rem;color:#010002;
}
.rev_cont .rev_header{
    border-radius:15px;background-color:#28A9A4;position:absolute;
    top:-20px;right:0px;height:100px;text-align:center;
    font-size:1.3rem;
    color:#010002;width:200px;padding-top:10px;font-weight:700;
}
.rev_header_txt{
    margin-top:5px;
    line-height:130% !important;
    color:white;font-size:0.9rem;
}

.fa-icon{
    color:#3AB24A;
    font-size:30px;
}
.fa-icon i{
    vertical-align:middle;
    margin-top: -5px;
    margin-left: 10px;
}
.rev_perc{
    font-size:2.4rem;font-weight:700;
    color:#3AB24A;
}

.dark-green{
    color:#28A9A4;
}
.yellow{
    color:#F8C02B;
}
.green{
    color:#43B34C;
}
.grey{
    color:#636267;
}
.blue{
    color:#25ABA4;
}
.orange{
    color:#F48234;
}
.dark-blue{
    color:#134E81;
}
.cap_cont{
    position:absolute;
    bottom:30px;
    /*background-color:#00000085;*/
    /*background-color:rgb(145 131 72 / 75%);*/
    max-width:50%;width:90%;margin-right:-25%;right:50%;min-height:100px;text-align:center;z-index:100;padding:20px;font-weight:700;font-size:1.6rem;
    line-height: 170% !important;
	color: #aeaeae;
    /*text-shadow: 3px 2px 1px #756b33;*/
}


@media(max-width:620px){
    .bread-crumb{
        padding-right:0px;
    }
    .slider_img{
        width:auto !important;
        /*height:400px;*/
        height:300px;
        margin-right:auto;margin-left:auto;
    }
    .home-page{
        height:calc(100vh - 300px);
    }
    .topUl{
        padding-right:5px !important;padding-left:5px !important;
    }

    .topUl li {padding-right:5px !important; padding-left:5px !important;}
    .topUl li a{
        /*font-size:14px !important;*/
        font-size: 12px !important;
        padding: 10px 4px;
    }
    .topUl{
        padding-left:15px !important;
    }
    .cap_cont{
        width:90%;max-width:none;
        margin-right:5%;
        right:auto;;
    }

    .listar-copyright{
        font-size: 10px;
    }
}

a h3{
    color:#1a1b1b !important;
}

.sum-box{
    border-radius:7px;border:solid 2px #565B5A;padding:15px;text-align:center;max-width:400px;min-height:60px;
    font-size:18px;color:#1a1b1b;
    margin-bottom:15px;
}
.sum-number{
    color:#FECB00;font-weight:700;font-size:30px;
}
.title_row{
    text-align:right;position:relative;
    margin-bottom:40px;
}
.title_row::after{
    position:absolute;bottom:-10px;border-bottom:solid 3px #FECB00;width:300px;height:10px;
    content:" ";
}
.main_title{
    margin-bottom:40px;
}

.types_cont{
    height:55px;background-color:#5D5C5D;text-align:center;float:right;border-radius:7px;overflow:hidden;
    min-width:300px;
    margin-bottom:15px;
}
.types_cont ul{
    list-style:none;padding:0px;margin:0px;
}
.types_cont li{
    padding:7px;
    padding-top:15px;
    cursor:pointer;
    height:55px;font-weight:700;
    width:50%;float:right;
    color:white;font-size:1.3rem;
}
.types_cont li.active{
    background-color:#FECB00;
    color:#1a1b1b;
}
.years_cont{
    height:55px;border:solid 1px #cdcfce;padding:7px;border-radius:7px;
    font-size:1.3rem;font-weight:400;text-align:center;
    float:left;
    margin-bottom:20px;
}
.years_cont ul{
    display:inline-block !important;padding-left:10px;padding-right:10px;
}
.years_cont li{
    color:#5D5C5D;list-style:none;float:right;padding:5px;font-size:1.4rem;font-weight:600;padding:5px 7px 5px 7px;
}
.year_item{
    cursor:pointer;
}
.year_item:hover{
    background-color:#FECB00;
    color:#1a1b1b;
}

.years_cont li.active{
    color:#FECB00;
}
.years_cont li.active:hover{
    color:#1a1b1b;
}
.minis_link{
    cursor:pointer;
    color:#0e42cf;
    font-weight:700;
}
.modal-title{
    float:right;
}
.modal-header{
    display: block;
}
.big_modal > .modal-dailog{
    max-width:800px !important;
}

.top-area-items .logo{
    height:130px;vertical-align:middle
}
.top-area-items .marsad{
    height:90px;
}
.marsad_cont{
    padding-top:20px;
    margin-left:0px;
}
.footer_items li{margin-bottom:15px;}

@media(max-width: 1100px){
    .budg-marg{
        margin-top:20px;
    }
    .oth-item{
        width:25%;
    }
    .oth-item.oth-margin{
        margin-top:40px;
    }
    .short-item{
        width:100% !important;
    }
    #inside_budget_sec h3{
        font-size:1.2rem !important;    
    }
    .budg_box .curr{
        font-size:1.4rem;
    }
}
@media(max-width:480px){
    .oth-item{
        width:50%;float:right;margin-top:40px;
    }
    .oth-item.oth-margin{
        margin-top:0px;
    }
    .short-item{
        width:100% !important;
    }
    
    .budg_box.xs-budg{
        width: 140px;
        height: 155px;
        padding-top:70px;
    }
    .budg_ic{
        width:30px;
        margin-left: -15px;
    }
    .budg_ic img{
        width:28px;
    }
    .budg-marg{
        margin-top:20px;
    }
    .xs-budg .curr{
        font-size: 1.1rem;
    }

    #inside_budget_sec h3{
        font-size:1.2rem;
    }
    #home_sec{
        padding-top:20px;
    }
    .home_circle{
        padding-top: 30px;
        height:213px;width:190px;
        background-size:cover;
    }
    .home_circle img{
        height:70px;
    }

    #home_sec2{
        height:auto;
    }

    .types_cont,.years_cont{
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
    .main_title{
        margin-bottom:20px;
    }
    
    #inside_sec{
        padding-top:20px;
    }
    .top-area-items .logo{
        height:40px;
    }

    .top-area-items .marsad{
        height: 31px;
    }

    .marsad_cont{
        padding:5px;
    }

    .footer_items{
        padding-right:0px;padding-left:0px;
    }
}



/***** Radial CSS ****/
.radial-graph{
    margin-bottom: 20px;
}

.radial-graph,
.shape,
.mask,
.fill {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  position: relative;
}

.shape,
.mask,
.fill {
  position: absolute;
  background-color: #ebeff1;
}

.mask,
.fill {
  -webkit-backface-visibility: hidden;
  transition: transform 1s;
  border-radius: 50%;
}

.mask {
  clip: rect(0px, 220px, 220px, 110px);
}
.fill {
  clip: rect(0px, 110px, 220px, 0px);
  background-color: #50e3c2;
}

.cutout {
  margin-left: 25px;
  margin-top: 25px;
  width: 170px;
  height: 170px;
  position: absolute;
  background-color: white;
  border-radius: 50%;
  padding-top:40px;
  left: 0;
  color:#878B8D;text-align:center;font-size:1.8rem;
}

.mask.full-mask,
.fill {
  /*
    For a value of 90%
    0.9 * 360  / 2
  */
  transform: rotate(0deg);
}
.fill.shim {
  /* 
    For a value of 90%
    0.9 * 360
  */
  transform: rotate(0deg);
}

.start .mask.full-mask,
.start .fill {
  /*
    For a value of 40%
    0.4 * 360  / 2
  */
  transform: rotate(0deg);
}
.start .fill.shim {
  /* 
    For a value of 40%
    0.4 * 360
  */
  transform: rotate(0deg);
}

.end .mask.full-mask,
.end .fill {
  /*
    For a value of 81%
    0.81 * 360  / 2
  */
  transform: rotate(0deg);
}
.end .fill.shim {
  /* 
    For a value of 81%
    0.81 * 360
  */
  transform: rotate(0deg);
}
/***** END Radial CSS ****/