.bg-primary {
    background-color: rgb(8 154 221)!important;
}
.btn-primary {
    color: #fff;
    background-color: rgb(8 154 221);
    border-color: rgb(8 154 221);
    box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
}


.ctr-list {text-decoration:none; color:#000;}
.ctr-list .card-body:hover {background:#FAD0AB;}
.ctr-list .media-body {width:40%;}
.ctr-list .count {width:15%; font-size:30px; font-weight:700;}

.article-look {position:relative; -webkit-tap-highlight-color:transparent; -webkit-transition:.75s all ease 0s; transition:.75s all ease 0s; text-decoration:none; color:#000;}
.article-inner-img, .article-outer-img {float:left; clear:right; border:1px solid #F39F54; width:85%; padding:10px 30px; border-radius:10px; margin-bottom:15px;}
.article-inner-img .img, .article-outer-img .img {display: block; position: absolute; top: 50%; left: 100%; width: 100px; height: 100px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); overflow: hidden; border-radius: 50%; -webkit-transition: .4s all ease 0s; transition: .4s all ease 0s; border:2px solid #F39F54;}
.article-inner-img .img img, .article-outer-img .img img {max-width: none; position: absolute; top: 50%; left: 50%; height: 132%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: .4s all ease 0s; transition: .4s all ease 0s;}
.article-inner-img:hover, .article-outer-img:hover {background: rgba(239,126,21,0.5);}
.article-inner-img:hover .title, .article-outer-img:hover .title, .article-inner-img:hover .preview, .article-outer-img:hover .preview {opacity: .75;}
.article-inner-img:hover .img, .article-outer-img:hover .img {-webkit-transform:translateX(-50%) translateY(-50%) scale(1.1); transform:translateX(-50%) translateY(-50%) scale(1.1);}
.article-inner-img .img:after, .article-outer-img .img:after {content:""; position:absolute;top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.25); -webkit-transition:.4s all ease 0s; transition:.4s all ease 0s;}
.article-inner-img:hover .img:after, .article-outer-img:hover .img:after {background:none;}

.rounded-btns {line-height:2.8;}
.rounded-btns a {border:1px solid #dee2e6; border-radius:20px; color:#000; padding:5px 10px; text-decoration:none;}
.rounded-btns a:hover {background:#dee2e6;}

.animation-dot { display : none !important; }
.loading-text { font-size : 16px !important; }