﻿.solu-content1{position:relative;padding:20px 0}
.solu-content1 .content1-list{display:flex;flex-wrap:wrap}
.solu-content1 .content1-list li{position:relative;width:32%;margin-right:2%;margin-bottom:2%;border-radius:10px;overflow:hidden}
.solu-content1 .content1-list li:nth-child(3n){margin-right:0}
.solu-content1 .content1-list li::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#0a0a0a;opacity:.7;transition:all .2s ease}
.solu-content1 .content1-list li>a{display:block}
.solu-content1 .content1-list li>a:hover{text-decoration:none}
.solu-content1 .li-info{position:relative;padding:30px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;z-index:2}
.solu-content1 .li-info .top{display:flex;align-items:center;transition:all .2s ease}
.solu-content1 .li-info .top .reference-number{position:relative;padding:10px 40px 20px 0;color:#d9c3a0;font-size:70px;font-weight:700;line-height:1}
.solu-content1 .li-info .top .clients-plus{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:50px;line-height:1.1}
.solu-content1 .li-info .top .clients-label{position:absolute;bottom:0;left:5px;font-size:16px;opacity:.7}
.solu-content1 .li-info .top .reference-title{font-size:22px;font-weight:700;line-height:1.2}
.solu-content1 .li-info .center{margin:16px 0 25px;line-height:1.3;font-weight:var(--fontbold5);transition:all .2s ease}
.solu-content1 .li-info .bottom{position:relative;color:#faa21b}
.solu-content1 .li-info .bottom em{transition:all .3s ease}
.solu-content1 .li-info .bottom:hover em{margin-left:20%}
.solu-content1 .content1-list li:hover::after{height:25%}
.solu-content1 .content1-list li:hover .center,.solu-content1 .content1-list li:hover .top{opacity:0}
@media (max-width:1280px){.solu-content1 .li-info{padding:15px 20px}
.solu-content1 .li-info .top .reference-number{font-size:60px}
.solu-content1 .li-info .top .clients-plus{font-size:40px;right:15px}
.solu-content1 .li-info .top .reference-title{font-size:20px}
}
@media (max-width:1024px){.solu-content1 .content1-list{justify-content:space-between}
.solu-content1 .content1-list li{width:49%;margin-right:0}
}
@media (max-width:768px){.solu-content1 .li-info{padding:15px}
.solu-content1 .li-info .top .reference-number{font-size:50px}
.solu-content1 .li-info .top .clients-plus{font-size:30px;top:45%;right:20px}
.solu-content1 .li-info .top .reference-title{font-size:18px}
}
@media (max-width:600px){.solu-content1 .content1-list li{width:100%}
}

.common-main.solution>.l-wrap{max-width:1240px;padding:0 20px}

.grid-x{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}
.cell{width:32%;margin:0 2% 30px 0;position:relative;}
.cell:nth-child(3n){margin-right:0;}
.cell>a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.post-references{background-color:#faf7f7;border-radius:10px;padding:30px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;color:#575a5d}
.post-references{background:#faa21b;background-size:cover;background-repeat:no-repeat;color:#fefefe;position:relative;overflow:hidden;height:100%;}
.post.post-references:after{position:absolute;content:"";mix-blend-mode:multiply;width:100%;height:100%;left:0;bottom:0;z-index:10;background-color:#0a0a0a;opacity:.7;transition:height .2s ease}
.post.post-references:hover:after{transition:opacity .2s ease;height:3.75rem;transition:height .2s ease}
.post.post-references:hover>*{opacity:0;transition:opacity .2s ease}
.post.post-references:hover .post-link{opacity:1}
.post.post-references>*{position:relative;z-index:20;transition:opacity .2s ease}
.post.post-references .post-header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fefefe}
.post.post-references .post-header .reference-title{width:auto;height:auto;font-size:22px;text-transform:uppercase;line-height:1.2;font-weight:500;}
.post.post-references .post-header .reference-number{position:relative;padding-right:2.5rem;padding-bottom:1.25rem;padding-top:.625rem;margin-top:-.625rem}
.post.post-references .post-header .reference-number h6,.post.post-references .post-header .reference-number .client-number{color:#d9c3a0;text-shadow:none;font-size:65px;line-height:65px;margin-bottom:0;letter-spacing:-3px}
.post.post-references .post-header .reference-number .client-number .clients-plus,.post.post-references .post-header .reference-number h6 .clients-plus{font-size:50px;position:absolute;display:block;right:.625rem;top:1.25rem}
.post.post-references .post-header .reference-number .client-number .clients-label,.post.post-references .post-header .reference-number h6 .clients-label{display:block;font-size:1rem;line-height:1.125rem;text-transform:uppercase;position:absolute;left:0;bottom:0;opacity:.5;letter-spacing:1px}
.post .post-header{min-height:80px}
.post .post-link{position:relative;font-weight:500;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;color:#faa21b;transition:.5s top;margin-top:auto}
.post .post-link::after{content:'';position:relative;display:inline-block;top:5px;right:-10px;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='long-arrow-right' class='svg-inline--fa fa-long-arrow-right fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FAA21B' d='M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;transition:.5s right}
.post .post-link:hover{top:-2px}
.post .post-link:hover::after{right:-40px}
.post.post-references .post-header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;top:-.625rem;width:100%}
.post.post-references .reference-number,.post.post-references .reference-title{display:block}
.post.post-references .reference-number .client-number,.post.post-references .reference-number h2,.post.post-references .reference-number h5,.post.post-references .reference-number h6,.post.post-references .reference-title .client-number,.post.post-references .reference-title h2,.post.post-references .reference-title h5,.post.post-references .reference-title h6{display:inline;font-size:1.375rem}
.post.post-references .reference-number,.post-type-archive-case_studies .post.post-references .reference-number,.single-case_studies .post.post-references .reference-number,.tax-experience-category .post.post-references .reference-number{width:auto;color:#faa21b;position:relative;z-index:0}
.post.post-references .reference-number .client-number,.post.post-references .reference-number h6,.post-type-archive-case_studies .post.post-references .reference-number .client-number,.post-type-archive-case_studies .post.post-references .reference-number h6,.single-case_studies .post.post-references .reference-number .client-number,.single-case_studies .post.post-references .reference-number h6,.tax-experience-category .post.post-references .reference-number .client-number,.tax-experience-category .post.post-references .reference-number h6{font-family:Molde;color:#faf7f7;text-shadow:-1px -1px 0 #faa21b,1px -1px 0 #faa21b,-1px 1px 0 #faa21b,1px 1px 0 #faa21b;font-size:120px;opacity:.8}
.post.post-references .reference-title,.post-type-archive-case_studies .post.post-references .reference-title,.single-case_studies .post.post-references .reference-title,.tax-experience-category .post.post-references .reference-title{width:50%;position:relative;z-index:1}
.post-references p{line-height:1.5;margin-bottom:15px;}
@media (max-width:1200px){.grid-x{justify-content:space-between}
.cell{width:48%;margin:0 0 30px 0;}}
@media (max-width:800px){.cell{width:100%;margin:0 0 20px 0;}}
@media (max-width:550px){.post-references{padding:20px 15px}
.post.post-references .post-header .reference-number h6, .post.post-references .post-header .reference-number .client-number{font-size:60px;line-height:60px}}


article a {color: unset;}