.new_title{
    display: inline-block;
    padding:10px 25px;
    margin-bottom: 45px;
    font-size: 34px;
    font-weight: bold;
    color: #FFF;
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(236,106,24,1) 0%, rgba(250,174,61,1) 100%);
}
.sub_title{
    color:#EC6A18;
    font-size: 20px;
    font-weight: bolder;
    padding-bottom: 15px;
}
.flex{
    display: flex;
}
.align-center{
    align-items: center;
}
.ml-auto{
    margin-left: auto;
}
.event-banner a{display: inline-block;width: 739px;}
.event-banner a img{width: 80%;}

#section_green{position:relative;padding:15px 0; background:#fef6e8; box-sizing:border-box; overflow:hidden;}
#section_green .ft_inner{margin:0 auto; width:1200px;} 
.fbtn .green{float: right;display:block;min-width:204px; width: 204px; margin-top:10px;padding:16px 23px; padding-left: 30px; border-radius:50px;background:#37b18e;font-size:14px;color:#fff;letter-spacing:-0.5px;line-height:18px; text-align: left;}
.fbtn .green .garrow {padding-left: 20px; padding-right: 10px; float: right; margin-top: 3px;}
.bg-round-03{
    background: url('../img/bg-round-01.png') no-repeat 0 0;
    background-size: 170px;
    background-position: 410px 310px;
    padding:120px 0 !important;
}
.bg-round-01{
    background: url('../img/bg-round-03@2x.png') no-repeat 0 0;
    background-size: contain;
    background-position: 210px 200px;
}
.bg-round-02{
    background: url('../img/bg-round-02@2x.png') no-repeat 0 0;
    background-size: contain;
    background-position: 360px 120px;
}
.list ul li span svg{
    position: absolute;
    z-index: 10;
    left: 9px;
    right: 0;
    top: 0px;
}
.sub_cont02_new{
    padding: 40px;
    text-align: center;
    margin: 0 auto 120px;
    width: 1200px;
    display:block;
    border:1px solid #EC6A18;
}
.sub_cont02_new p{
    color: #EC6A18;
    line-height: 32px;
    font-size: 20px;
}
.sub_cont02_new p br{
    display: block;
}
.new_sub_title{
    text-align: center;
    margin-bottom: 50px;
    font-size: 18px;
    color: #666666;
}
.pb-28{
    padding-bottom: 28px !important;
}
.text-color{
    color: #EC6A18;
}
.line{
    margin: 0 7px;
    color:#E8E8E8;
}
.coment{
    background-color: #FEF6E8;
    padding: 20px !important;
    border-top: 0 !important;
    color: #555555;

}
.coment .left{
    margin-right: 10px;
    width: 25px;
}
.number{
    width: 16px;
    height: 16px;
    padding: 8px;
    background-color: #EC6A18;
    border-radius: 50%;
    color: #FFF;
    font-weight: bolder;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
    position: relative; 
}
.coment_box strong{
    position: relative;
    padding-left: 15px;
    font-weight: bolder;
}
.coment_box strong::before{
    position: absolute;
    left: 0;
    top: 1px;
    margin-right: 15px;
    width: 4px;
    height: 16px;
    background-color: #EC6A18;
    content: '';
}
/*.facncy-box-class{
    position: relative;
}
.facncy-box-class img{
    position: relative;
}*/

/* facncy-box-class !!!! дээд comment-г шалгаарай плийс учрыг нь олдоггүй  */

.coment_box_container {
    position: relative;
    text-align: center;
    border:1px solid #EEE;
    padding:15px 0;
    margin-bottom: 10px;
}

.coment_box_container img {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    object-fit: cover;
    
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.overlay_text {
    color: #FFF;
    font-size: 20px;
    position: absolute;
    bottom: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.overlay_magnify_circle {
    height: 80px;
    width: 80px;
    background-color: rgba(0, 0, 0, 0.477);
    border-radius: 50%;
    display: inline-block;
}

.overlay_magnify_circle svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.facncy-box-class:hover .overlay {
    opacity:  1;
}

.coment_box_source {margin-bottom:10px; text-align: right;display: block; padding-top:18px; font-size:18px; font-weight:400; color:#999999;}

.no-padding{
    padding-top: 0 !important;
}
.new-btn-bg{
    background-color: #EC6A18 !important;
}
.sub_cont02 table{
    width: 100%;
    border:1px solid #EEE;
}
.sub_cont02 table thead{

}
.sub_cont02 table thead tr{
    
}
.sub_cont02 table thead tr th{
    padding:15px;
    text-align: center;
    border-top:2px solid #333;
    border-left:1px solid #EEE;
    border-right:1px solid #EEE;
    background-color: #fef6e8;
}
.sub_cont02 table thead tr th:first-child{
    width: 60px;
}
.sub_cont02 table tbody{
    
}
.sub_cont02 table tbody tr{
    
}
.sub_cont02 table tbody tr td{
    padding:15px;
    border:1px solid #EEE;
    text-align: center;
}
.sub_cont02 table tbody tr td:last-child{
    text-align: left;
}
.btn-section{
    border:1px solid #DDDDDD;
    background-color: #FFF;
}
.btn-section a{
    padding:13px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #DDD;
}
.btn-section a p{
    font-size: 13px;
}
.btn-section a p:first-child{
    margin-bottom: 6px;
}
.btn-section a:last-child{
    border: none;
}
@media screen and (max-width : 767px){
    .event-banner a{display: inline-block;width: 100%;padding: 0 25px;}
    .event-banner a img{width: 100%;}
    #section_green{position:relative;padding:25px 0; background:#fef6e8; box-sizing:border-box; overflow:hidden;}
    #section_green .ft_inner{margin:0 auto; width:100%;} 
    .fbtn{}
    .sub_cont02_new{
        padding: 20px;
        text-align: center;
        margin: 0 auto 60px;
        width: 100%;
        display:block;
        border:1px solid #EC6A18;
    }
    .sub_cont02_new p{
        color: #EC6A18;
        line-height: 30px;
        font-size: 16px;
    }
    .sub_cont02_new p br{
        display: contents;
    }
    #container{
        padding-top: 0;
    }
    .new_sub_title{
        text-align: center;
        margin-bottom: 30px;
        font-size: 13px;
        color: #666666;
    }
    .report_list > ul > li h2{
        top: -20px;
    }
    .new_title{
        width: 100%;
        font-size: 17px;
        margin-bottom: 15px;
    }
    .bg-round-03{
        padding:70px 0 !important;
    }
    .bg-round-03{
        background: url('../img/bg-round-01.png') no-repeat 0 0;
        background-size: 170px;
        background-position: 230px 460px;
        padding:120px 0 !important;
    }
    .bg-round-01{
        background: url('../img/bg-round-03@2x.png') no-repeat 0 0;
        background-size: contain;
        background-position: 100px 270%;
    }
    .bg-round-02{
        background: url('../img/bg-round-02@2x.png') no-repeat 0 0;
        background-size: 60%;
        background-position: 160px 200px;
        padding: 50px 0 100px 0 !important;
    }
    .event-btn{
        display: none;
    }
    .btn-section{
        border:1px solid #DDDDDD;
        background-color: #FFF;
    }
    .btn-section a{
        padding:7px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #DDD;
    }
    .btn-section a p{
        font-size: 13px;
    }
    .btn-section a p svg{}
    .btn-section a p:last-child{
        display: none;
    }
    .btn-section a p:first-child{
        margin-bottom: 0px;
    }
    .btn-section a:last-child{
        border: none;
    }
}
.list ul li span svg{
    fill:darkgrey;
}
.list ul li:hover span svg{
    fill:#EC6A18;
}