/* start links */
.links{position: relative;top: 160px !important;}
.links a{color: #ccc;font-weight: bold;text-decoration: none;margin-right: 10px;}
.links a.active{color: #0771B7;}.links a:hover{color: #0771B7;}
.links i{margin-right:5px ;}
.new-add{margin-top: 17% !important;}.new-add img{width: 96%;border-radius: 10px;}
/* start news-page */
.news-page {padding-top: 30px;}
.news-page .title{margin-top: 5%;}.news-page .info2{margin-top: 5%;}
.news-page .card-checks{width: 22rem !important;padding: 10px;border-radius: 10px;height: 378px;}
.news-page .card-checks .card-text{font-size: 13px;}
.news-page .card-checks .card-body a.more{color: #0771B7;}
.news-page .box a{text-decoration: none;font-size: 14px;font-weight: bold;}
.news-page .box p,.news-page .box p.para a{font-size: 13px;font-weight: bold;}
.news-page .info .box img{width: 27%;}
.news-page .news .row{margin-bottom: 20px;}
.news-page .news .row1,.sweeteners .row1{justify-content: space-between;margin-left: 22%;}
.news-page .news .row2 {justify-content: space-between;margin-left: 26%;}
.news-page .news .row2 .card{width: 20rem !important;height: 230px;}
.news-page .news .row2 .card-img-top{height: 135px;}
.news-page .add2 img{width: 95% !important;margin-bottom: 30px;margin-left: -5px;border-radius: 10px;height: 170px;}
.pagination{display: flex;justify-content: center;margin-top: 30px;}
.pagination a{border-radius: 5px;border: none;margin: 5px;}
.pagination a.icon{border: 2px solid #0771B7;}
.pagination a.icon:hover{background-color: #0771B7;color: #fff;}
.page-item:first-child .page-link{margin-left: -2px;}
/* start subject */
.subject{background-color: #fff;padding: 20px 10px;}
.subject .ref,.about .ref{display: flex;}
.icons{position: relative;left: -26%;top: -15px;}
.about .icons{position: relative;left: -40%;top: -5px;}
.icons .cir{
    font-size: 16px;
    border-radius: 50%;
    margin-left: 15px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icons .cir a i{color: #fff;}
.icons .cir.tw{background-color: #6fb8e9;}
.icons .cir.whats{background-color: #6ab04c;}
.icons .cir.google{background-color: #BB271A;}
.icons .cir.print{background-color: #666;}
.icons .cir.face{background-color: #0771B7;}
.subject .ref .time,.subject .ref .date{color: #666;font-size: 14px;}
.subject .ref .date{margin-right: 15px;}
.subject h5{font-size: 16px;font-weight: bold;margin-bottom: 20px;}
.subject .detalis img{width: 100%;}
.subject .detalis p{font-size: 13px;font-weight: bold;padding: 25px 40px;line-height: 1.9;text-align: justify;}
/* start videos-page */
.videos-page .info .box{padding: 10px;border-radius: 5px;transition: 1s;}
.videos-page .info .box img{width:25% ;border-radius: 5px;}
.videos-page .info p.para a{font-size: 17px;color: #0771B7;}
.videos-page .info .active{background-color: #0771B7;}.videos-page .info .active p.para a{color: #fff;}
.videos-page .videos .report img{width: 100%;height: 377px;margin-top: -34px;}
.videos-page .report{position: relative;} 
.videos-page .videos .play{left: 46%;top: 50%;width: 60px;height: 60px;background-color: #BB271A;}
.videos-page .videos .play i{color: #fff;}
.more-vid .card{height: 240px;}.more-vid .row{margin-bottom: 15px;}
.more-vid .report .play{position: absolute;left: 12px;top: 10px;width: 35px;height: 35px;border-radius:50%;display: flex;justify-content: center;align-items: center;background-color: #fff;} 
.more-vid .report .play i{color: #BB271A;}
.more-vid .card .foot{display: flex;justify-content: space-between;}
.more-vid .card .foot i{color: #0771B7;font-size: 10px;margin-top: 14px;}
/* start contact */
.map{margin-top: -10px;}
.contact h5,.contact p{font-weight: bold;}
.contact .form-control{margin-bottom: 10px;border: none;border-radius: 10px;padding: 10px; box-shadow: 0px 6px 5px #d6d6d630;}
.contact .col1 .input2 .form-control{background-color: transparent;border: 1px solid #ccc;}
.contact .col1 .input1 .form-control{border-left: 3px solid;}
.contact .col1 .form-group{position: relative;}
.contact .col1 .form-group i{position: absolute;top: 13px;right: 18px;color: #666;}
.contact .col1 .form-control::placeholder{padding-right: 30px;}
.contact .contact-icon{justify-content: flex-start;margin-right: 115px;}
.contact img{width: 100%;}
.contact .social-icon .cir{background-color: #6fb8e9;}
.contact .social-icon .cir i{color: #0e0aba;}
.contact label{margin-top: 6px;margin-bottom: 22px;font-weight: bold;font-size: 17px;}
.contact .inputs .group {display: flex;justify-content: space-between;}
.contact .inputs .group label{display: block;}
.contact textarea{height: 130px;}
.contact .btn-primary{background-color: #0771B7 !important;border: none;padding: 5px 45px;margin-top: 10px;}
/* start About */
.about-add{width: 100%;margin-bottom: 30px;}
.about{background-color: #fff;padding: 20px 30px;}
.about .ref .icon{display: flex;justify-content: flex-end;margin-top: -38px;}
.about .ref span.time{color: #666;}
.about .content p {font-size: 14px;font-weight: bold;line-height: 2;text-align: justify;}
.about .foot{background: linear-gradient(#ffff,#E2F1FB,#fff);
padding: 30px 20px;width: 108%;margin: 10px -42px;margin-bottom: -20px;}
.about .info-contact{display: flex;margin-bottom: 30px;}
.about .info-contact1{margin-top: 50px;}
.about .info-contact span{margin-left: 30px;}
.about .info-contact span i{margin-left: 5px;}
.about .foot img{width: 100%;}
/* start article */
.article .writer .box img{width: 20%;}
.article .writer .box{background-color: #0771B7;padding: 20px;border-radius: 10px 10px 0px 0px;}
.article .writer .box a{font-size: 18px;color: #fff;}
.article .writer .box p{color: #d9d9d9;}
.article .writer h5{background-color: #e6e6e6;padding: 10px;font-size: 14px;font-weight: bold;}
.article .accordion{margin-top: -10px;}
.article .accordion .foot{display: flex;justify-content: space-between;margin-top: 20px;}
.article .accordion .foot .date{color: #666;font-size: 13px;font-weight: bold;}
.article .accordion .foot i.fa-eye{color: #0771B7;font-size: 13px;}
.article .accordion i.fa-newspaper{color: #666;margin-left: 5px;}
.article .accordion-button{display: block;text-align: right;}
.accordion-item:first-of-type .accordion-button,.accordion-item:first-of-type{border-radius: 0;}
.article .accordion a{color: #000;font-size: 15px;font-weight: bold;text-decoration: none;}
.accordion-button:not(.collapsed){background-color: #0771B7;}
.accordion-button:not(.collapsed) > a{color: #fff;}
.accordion-button:not(.collapsed) > .foot .date{color: #fff;}
.accordion-button:not(.collapsed) > .foot i.fa-eye{color: #fff;}
.accordion-button:not(.collapsed) >  a i.fa-newspaper{color: #fff;}
/* start articles */
.articles img.shape1,.articles img.shape2{width: 100%;}
.articles .content h6 a{text-decoration: none;font-size: 14px;font-weight: bold;}
.articles .content p{font-size: 13px;text-align: justify;}
.articles .content .foot{display: flex;justify-content: space-between;padding: 0 3px;}
.articles .content .foot .name{font-weight: bold;font-size: 12px;}.articles .content .foot .time{color: #666;font-size: 12px;}
.articles .art{position: relative;}
.articles .art .content{position: absolute;top: 20px;padding: 20px 60px;}
.articles .art .content2{top: 40px;padding: 20px 78px}
.articles .conten2 .foot{padding: 10px 0;}
.articles .art .content2 .foot .name{padding-right: 0;}
/* start art */
.articles .art .content{background-color: transparent;}
.art .content{background-color: #fff;padding: 20px 20px;}
.art .dialogues .content{padding: 0 20px;}
.art .content .auther{display: flex;}
.art .content .auther h5{font-size: 16px;font-weight: bold;color: #0771B7;margin-bottom: 20px;}
.art .content .auther img{width: 22%;border-radius: 5px;}
.art .content .auther .data{margin-top: 50px;margin-right: 20px;}
.art .content .auther .data p span{font-weight: bold;}
.art .content .auther .data p i{font-size: 13px;color: #0771B7;margin-right: 20px;}
.art .ref{margin-top: 30px;}.art .ref .icons{left: 0;top: -30px;}
.art .ref span{color: #666;font-size: 15px;}
.art .content .text{font-weight: bolder;font-size: 14px;text-align: justify;line-height: 1.9;}
.art .content .text .shape3 img{width: 100%;margin-bottom: 30px;}
.art .content .text .shape3 p{
    color: #BB271A;
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    padding: 18px 15px;
    top: 18%;
    left: 11%;
    border-radius: 38px;
    width: 80%;
}
.art .content .text .shape3{position: relative;background: linear-gradient(#ffff,#E2F1FB,#fff);margin-bottom: 30px;}
/* start archive1 */
.archive1 .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.archive1 .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn{border-radius: 0;}
.archive1 .btn-outline-primary{color: #000 !important;border-color: #eee !important;background-color: #fff !important;padding: 5px 20px;}
.archive1 .first{border-radius: 0 5px 5px 0 !important;}
.archive1 .last{border-radius: 5px 0px 0px 5px !important;}
.archive1 .btn-group select{border: none;color: #666;}
.archive1 a.btn-primary{padding: 5px 20px;}
.archive1 .btn-group, .archive1 .btn-group-vertical{margin-left: 30px;}
.archive1 .btn-group a{text-decoration: none;color: #000;}
.archive1 .time-line{background-color: #fff;display: flex;justify-content: space-between;margin: 50px 0;}
.archive1 .time-line span{display: flex;align-items: center;font-weight: bold;font-size: 14px;}
.archive1 .table .title{display: flex;justify-content: space-between;background-color: #f5f5f5;margin-bottom: 0;border: 1px solid #eee;}
.archive1 .table .title span.ti{position: relative;right: 50%;display: flex;align-items: center;}
.archive1 .table .title span{font-size: 14px;}
.archive1  .table1 table,.archive1 .table1 table td,.archive1  .table1 table th{border: 1px solid #eee;background-color: #fff;padding: 10px 10px;font-size: 14px;}
.archive1 table th.news{width: 100%;}.archive1 table td{width: 11%;}
.archive1 label.active{background-color: #0771B7 !important;color: #fff !important;outline: none;}
.archive1 .active a{color: #fff;}
.archive2 .groups{margin-bottom: 40px;}
.archive2 .table .title{padding: 10px 10px;}
.archive2 .table .title .span1{color: #666;}
.archive2 .table .title .span2{color: #0771B7;font-weight: bold;}
.archive2 .table .title .span3{color: #ccc;}
.archive2 table.table2{width: 100%;margin-bottom: 100px;}
.archive2 table.table2 th{background-color:#eee;}
.archive2 table.table2 th,.archive2 table.table2 td{border: 1px solid #ccc;text-align: center;font-weight: bold;}
.archive2 table.table2 td span{color: #0771B7;}
.archive3 table{width: 100%;border-left: 1px solid #666;}
.archive3 table tr td,.archive3 table tr th{border: 1px #eee solid;text-align: center;padding: 5px;}
.archive3 table tr td{background-color: #fff;}
.archive3 table tr th{background-color: #f5f5f5;color: #0771B7;}
.archive3 .row>*{padding-left: 0;padding-right: 0;}
.archive1 .table1 table th{padding: 10px 17px;}
.archive3 table td{transition: .5s;cursor: pointer;}
.archive3 table td:hover{background-color: #0771B7;color: #fff;}