#clients .title{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#clients .title h2{color:#0080cb;font-size:1.8em;font-weight:bold;letter-spacing:1px;padding:0 1.5rem;text-align:center;text-transform:uppercase}@media only screen and (max-width: 768px){#clients .title h2{margin-top:3rem;padding:1rem 1.5rem 0.5rem}}@media only screen and (max-width: 480px){#clients .title h2{font-size:1.5em;margin-top:2rem}}@media only screen and (max-width: 320px){#clients .title h2{font-size:1.3em}}#clients .main{padding:2rem 1.5rem}#clients .list{display:flex;flex-wrap:wrap;margin-left:-1.5rem}#clients .list li{flex:0 0 20%;margin-bottom:1.5rem;padding-left:1.5rem}#clients .img{background-color:#f7f7f7;margin-bottom:1rem;padding-bottom:100%;position:relative}#clients .img img{font-size:0;left:0;max-height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;padding:1rem;position:absolute;right:0;text-indent:-999px;top:50%;transform:translateY(-50%);transition:opacity 0.3s ease-in-out;width:100%}#clients .img .lazy{opacity:0}#clients .text{transition:opacity 0.3s ease-in-out}#clients .text p{line-height:1.25;text-align:center}#clients .lazy-loading .img{animation-duration:0.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:lazyLoadPlaceHolder;animation-timing-function:linear;background:url(https://dpw9s9toxnu6e.cloudfront.net/assets/lazy-load-place-holder-cd21d036c41f43d746f1cf2a17a77203912b0358e888a44d297eef19c69ffdeb.gif) 0 0}#clients .lazy-loading .text{opacity:0}@media only screen and (max-width: 1200px){#clients .list li{flex:0 0 25%}}@media only screen and (max-width: 1024px){#clients .list li{flex:0 0 33.3333%}}@media only screen and (max-width: 768px){#clients .main{font-size:0.9em;padding:1.5rem}#clients .list li{flex:0 0 20%}}@media only screen and (max-width: 640px){#clients .list li{flex:0 0 25%}#clients .text p{font-size:2.25vw}}@media only screen and (max-width: 480px){#clients .list li{flex:0 0 33.3333%}#clients .text p{font-size:3vw}}@media only screen and (max-width: 320px){#clients .list li{flex:0 0 50%}#clients .text p{font-size:4.5vw}}@media only screen and (max-width: 280px){#clients .text p{font-size:0.875em}}:lang(th) #clients .title h2{font-weight:bold}:lang(zh-TW) #clients .title h2{font-weight:bold}:lang(zh-CN) #clients .title h2{font-weight:bold}:lang(vi) #clients .title h2{font-weight:bold}