html,body{height:100%}body{font-family:Roboto!important;font-size:14px}.logo{width:250px;height:85px;}@font-face{font-family:Roboto;src:url(fonts/Roboto-Light.ttf)}@font-face{font-family:Roboto;src:url(fonts/Roboto-Regular.ttf)}.edition-categories .text-dark{color:#3d3846;font-size:.8rem}.fs-8{font-size:.8rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#3d3846;background-color:#fff;border:1px solid #dee2e6}.page-item.active .page-link{z-index:3;color:#fff;background-color:#3d3846;border-color:#3d3846}
.icon{width: 40px;height: 40px;padding: 0 !important;line-height: 40px;display: inline-block;margin: 0 5px;}.icon i{font-size: 20px;}.archieve-right{border-left:0;border-right:10px solid #fc0;cursor: pointer;}

.modal-body .icon{border-radius: 0 !important;margin: 0;}
.modal-header{
    right: -15px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    padding: 0;
    line-height: 50px;
    text-align: center;
    top: -20px;
    position: absolute;
    z-index: 2;
}
.btn-close{margin:0 auto !important;    filter: brightness(0) invert(1);}

.carousel-control-next{background: linear-gradient(270deg, black, transparent);}
.carousel-control-prev{background: linear-gradient(-270deg, black, transparent);}