#content {padding: 50px 7vw;}  #content aside {background-color: rgba(0, 0, 0, 0.04);border-radius: 4px;padding: 35px;}  #search .btn {background-color: #ff4938;color: white;font-size: 15px;font-weight: 300;transition-duration: .5s;}  #content aside .cloud .btn {padding: 10px 18px;margin-top: 8px;margin-left: 4px;font-size: 15px;font-weight: 300;border: 1px solid rgba(0, 0, 0, 0.06);transition-duration: .5s;}  #search .btn:hover {background-color: black;color: #ff4938;font-weight: 500;}  #content aside .cloud .btn:hover {background-color: #ff4938;color: #fff;font-weight: 500;}  #content aside .form-control {padding-top: 21px;padding-bottom: 21px;}  #content aside .cz {padding-bottom: 30px;border-bottom: 1px solid rgba(0, 0, 0, 0.06);width: 100%;}  .form-control:focus {border-color: rgb(255, 73, 56);outline: 0;box-shadow: 0 0 0 0.2rem rgba(255, 73, 56, .3);}  #content aside .title {margin-top: 0;padding: 35px;font-size: 1.4rem;font-weight: 900;color: #000;display: inline-block;}  #content aside .title:after {content: "";display: block;position: relative;top: 15px;width: 100%;height: 3px;background-color: #ff4938;}  #content aside .cloud {padding: 0 35px;}  #Articles {overflow: hidden;}  #Articles .card-me {background-color: rgba(0, 0, 0, 0.04);border-radius: 4px;padding: 35px;position: relative;animation-duration: 1s;margin-bottom: 25px;margin-right: -15px;margin-left: -15px;border-bottom: 4px solid rgba(0, 0, 0, 0.04);transition-duration: .4s;}  #Articles .card-me:hover {border-bottom: 4px solid #ff4938;}  #Articles .card-me .card-me-title {font-size: 25px;font-weight: 900;margin-bottom: 30px;position: relative;}  #Articles .card-me .fa-stack {font-size: 25px;margin-right: -8px;}  #Articles .card-me .fa-stack-2x {color: #c6c8ca;}  #Articles .card-me .fa-stack-1x {color: #000;}  #Articles .card-me .name {font-size: 17px;font-weight: 700;}  #Articles .card-me .date {font-size: 14px;opacity: .6;}  #Articles .card-me .text {padding-top: 20px;text-align: justify;font-size: 18px;line-height: 35px;}  #Articles .card-me .Aimg {display: block;position: relative;overflow: hidden;border-radius: 4px;height: 100%;width: 100%;}  #Articles .card-me .Aimg img {height: 280px;}  #Articles .card-me .Aimg::after {content: "";display: block;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);position: absolute;right: 0;left: 0;top: 0;opacity: 0;transition-duration: .4s;}  #Articles .card-me .Aimg .fa-stack {position: absolute;font-size: 40px;right: 0;left: 0;top: 38%;margin: 0 auto;z-index: 2;opacity: 0;}  #Articles .card-me:hover .Aimg:after {opacity: 1;}  #Articles .card-me:hover .Aimg .fa-stack {opacity: 1;}  #Articles .card-me .Aimg .fa-stack-2x {color: #ff4938;}  #content .pagination .page-link {color: #878787;cursor: pointer;}  #content .pagination .page-item.active .page-link {background-color: #ff4938;color: #fff;border-color: #878787;}  .AddSlider {position: relative;border:solid #eee;background-color: #fff;width: 100%;margin: 0 auto;border-radius: 4px;overflow: hidden;}  .AddSlider:not(:last-of-type) {margin-bottom: 20px;}  .AddSlider > a {display: none;width: 100%;height: auto;}  .AddSlider > a.active {display: block;}  .AddSlider > a.active > img {display: block;}  .AddSlider > a.showLeft > img {animation: slideCashLeft 700ms linear;}  .AddSlider > a.showRight > img {animation: slideCashRight 700ms linear;}  .AddSlider > a > img {display:none;position: relative;object-fit: cover;width: 100%;}  .AddSlider .angle {position: absolute;bottom: 5px;left: 5px;}  .AddSlider .next, .AddSlider .prev {padding: 0.5px 9px;background-color: #fff8f5a8;color: black;border-radius: 2px;border: 1px solid #00000036;display: inline-block;height: 28px;cursor: pointer;}  .AddSlider .next:hover, .AddSlider .prev:hover {background-color: #e0d9d9a8;border-color: #000000;}  @keyframes slideCashLeft { 0% {opacity: 0;right: 100%;} 10% {opacity: .1;right: 90%;} 20% {opacity: .2;right: 80%;} 30% {opacity: .3;right: 70%;} 40% {opacity: .4;right: 60%;} 50% {opacity: .5;right: 50%;} 60% {opacity: .6;right: 40%;} 70% {opacity: .7;right: 30%;} 80% {opacity: .8;right: 20%;} 90% {opacity: .9;right: 10%;} 100% {opacity: 1;right: 0;} }  @keyframes slideCashRight { 0% {opacity: 0;left: 100%;} 10% {opacity: .1;left: 90%;} 20% {opacity: .2;left: 80%;} 30% {opacity: .3;left: 70%;} 40% {opacity: .4;left: 60%;} 50% {opacity: .5;left: 50%;} 60% {opacity: .6;left: 40%;} 70% {opacity: .7;left: 30%;} 80% {opacity: .8;left: 20%;} 90% {opacity: .9;left: 10%;} 100% {opacity: 1;left: 0;} }  @media (min-width: 576px) {  #Articles .card-me .Aimg img {height: 340px;}  }  @media (min-width: 768px) {  #Articles .card-me .Aimg img {height: 400px;}  }  @media (min-width: 992px) {  #Articles .card-me .Aimg img {height: 320px;}  #Articles .card-me {margin-right: 15px;margin-left: 15px;}  #content aside {position: sticky;top: 0;}  #content .pagination{margin-right: 33.33%;}  }