body.articles>main{margin-bottom:30px}body.articles>main .banner{margin-bottom:35px}body.articles>main .banner article.content{display:flex;align-items:center;height:100%}body.articles>main .banner article.content .article-teaser{border:8px solid #fff;margin-left:40px}body.articles>main .banner article.content header{display:flex;flex-flow:column nowrap;align-content:flex-start;padding:54px 0 25px;height:100%;align-self:flex-start;color:#fff}body.articles>main .banner article.content header h1{font-weight:800;font-size:38px;line-height:1.2;padding:0;margin:0 0 6px}body.articles>main .banner article.content header .date,body.articles>main .banner article.content header p{font-size:18px;line-height:25px;font-weight:300}body.articles>main .banner article.content header p{margin:0 0 6px}body.articles>main .banner article.content header .date{flex:1 100%}body.articles>main .banner article.content header a{display:inline-block;padding:0 8px 0;margin:0 0 14px;align-self:self-start;border-radius:5px;background-color:#00ebff;color:#000;text-decoration:none;font-weight:300;line-height:23px}body.articles>main .banner article.content header a::after{content:'';display:inline-block;background-repeat:no-repeat;background-image:url(https://www.oscapital.co.il/os-assets/img/articles/arrow-left.png);width:5px;height:9px;margin:0 7px 0 0}body.articles>main .container section header h2{color:#322fa1;font-size:26px;line-height:1.2;font-weight:700;margin:0 0 12px}body.articles>main .container section a{text-decoration:none;color:#232023}body.articles>main .container section .articles-wrapper{display:flex;flex-flow:column wrap;align-content:space-between}body.articles>main .container section .articles-wrapper a{width:347px;display:inline-block;position:relative;margin-bottom:30px}body.articles>main .container section .articles-wrapper::after,body.articles>main .container section .articles-wrapper::before{content:"";flex-basis:100%;width:0;order:2}body.articles>main .container section .item:nth-child(3n+1){order:1}body.articles>main .container section .item:nth-child(3n+2){order:2}body.articles>main .container section .item:nth-child(3n){order:3}body.articles>main .container section article{width:347px;border:1px solid #ccc;text-align:center;padding:7px 6px;display:inline-block}body.articles>main .container section article .date,body.articles>main .container section article h3,body.articles>main .container section article img,body.articles>main .container section article p{vertical-align:top}body.articles>main .container section article .date,body.articles>main .container section article h3,body.articles>main .container section article p{padding:0 8px;text-align:right}body.articles>main .container section article .placeholder,body.articles>main .container section article img{margin-bottom:9px;width:333px;height:134px;object-fit:cover;display:inline-block}body.articles>main .container section article .placeholder{background-image:url(https://www.oscapital.co.il/os-assets/img/placeholder.png);background-repeat:no-repeat;background-position:center;background-size:100px;background-color:#322fa1}body.articles>main .container section article h3{font-size:20px;line-height:22px;font-weight:700;color:#322fa1;margin:0 0 8px}body.articles>main .container section article p{font-size:16px;line-height:22px;font-weight:300;margin:0 0 3px}body.articles>main .container section article .date{color:#7c7c7c;font-size:14px;display:block}body.articles>main .container section footer{text-align:center;margin:10px 0 0}body.articles>main .container section footer .pagination ul li a[rel=prev],body.articles>main .container section footer .pagination ul li a[rel=next]{content:'';display:inline-block;background-repeat:no-repeat;background-image:url(https://www.oscapital.co.il/os-assets/img/top-menu/icons/arrow-left.png);width:26px;height:26px;background-position:center;background-color:#322fa1}body.articles>main .container section footer .pagination ul li a[rel=prev]{transform:rotate(180deg)}body.articles>main .container section footer .pagination ul li.active a{color:#fff}@media (max-width:1256px){body.articles>main .banner article.content{padding:0 10px}body.articles>main .banner article.content header{padding:30px 0}body.articles>main .banner article.content header h1{transform:none;position:static}}@media (max-width:1090px){body.articles>main .container section .articles-wrapper{height:auto!important}body.articles>main .container section .articles-wrapper a.item{width:100%;order:unset;margin:0 0 10px}body.articles>main .container section .articles-wrapper a.item article{width:100%}body.articles>main .container section .articles-wrapper a.item article .placeholder,body.articles>main .container section .articles-wrapper a.item article img{float:right;margin:0 0 0 10px;max-width:60%}}@media (max-width:640px){body.articles>main .banner{max-height:none;height:auto;background-size:cover}body.articles>main .banner article.content{flex-direction:column;padding:10px}body.articles>main .banner article.content .article-teaser{margin:0;width:100%}body.articles>main .banner article.content header{padding:30px 0 0 0}body.articles>main .banner article.content header h1{transform:none;position:static;font-size:38px!important}body.articles>main .banner article.content header .date{font-size:16px}body.articles>main .banner article.content header a{margin:14px 0 0}body.articles>main .container section .articles-wrapper{height:auto!important}body.articles>main .container section .articles-wrapper a.item{width:100%;order:unset;margin:0 0 10px}body.articles>main .container section .articles-wrapper a.item article{width:100%}body.articles>main .container section .articles-wrapper a.item article .placeholder,body.articles>main .container section .articles-wrapper a.item article img{float:none;margin:0 0 0 10px;max-width:unset;width:100%}}