#clients{position:relative;height:calc(100%);min-height:calc(100%);padding:50px 100px}#clients .black{height:100%;position:absolute;top:0;left:0;border-top:720px solid #000;border-right:1500px solid #fff}#clients .options{float:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;min-width:min(600px, calc(100% - 200px));max-width:900px;width:calc(100% - 100px);height:450px;opacity:0}#clients .options.show{-webkit-animation:options-show 1s ease forwards;animation:options-show 1s ease forwards}@-webkit-keyframes options-show{to{opacity:1}}@keyframes options-show{to{opacity:1}}#clients .options .option{position:relative;overflow:hidden;min-width:60px;margin:0 10px;background-image:var(--optionBackground, var(--defaultBackground, #e6e9ed));background-size:auto 100%;background-position:var(--background-position, center);cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);-o-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#clients .options .option.active{-webkit-box-flex:10000;-ms-flex-positive:10000;flex-grow:10000;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);max-width:600px;margin:0 10px}#clients .options .option.active .shadow{-webkit-box-shadow:inset 0 -60px 60px -60px #000,inset 0 -60px 60px -60px #000;box-shadow:inset 0 -60px 60px -60px #000,inset 0 -60px 60px -60px #000}#clients .options .option.active .label{padding-bottom:20px;background:var(--optionBackground, var(--defaultBackground, #e6e9ed)) var(--label-background-position, center);background-size:100%}#clients .options .option.active .label .info>div{opacity:1}#clients .options .option.active .body{background-color:#fff}#clients .options .option.active .body .title{left:-60px}#clients .options .option.active .body .content{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;border:2px solid #3498db;-webkit-box-sizing:border-box;box-sizing:border-box}#clients .options .option:not(.active) .shadow{bottom:-40px;-webkit-box-shadow:inset 0 -120px 0px -120px #000,inset 0 -120px 0px -100px #000;box-shadow:inset 0 -120px 0px -120px #000,inset 0 -120px 0px -100px #000}#clients .options .option:not(.active) .label{-webkit-box-flex:1;-ms-flex:1;flex:1}#clients .options .option:not(.active) .label .info>div{left:20px;opacity:0}#clients .options .option:not(.active) .overlay{background-color:rgba(0,0,0,.5)}#clients .options .option .overlay{position:absolute;width:100%;height:100%}#clients .options .option .body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;position:relative;width:100%;height:calc(100% - 60px);-webkit-transition:all .5s cubic-bezier(0.05, 0.61, 0.41, 0.95);-o-transition:all .5s cubic-bezier(0.05, 0.61, 0.41, 0.95);transition:all .5s cubic-bezier(0.05, 0.61, 0.41, 0.95)}#clients .options .option .body .title{color:#fff;width:60px;inline-size:20px;padding:10px 20px 0;overflow-wrap:break-word;font-size:1.5rem;line-height:1.15;text-align:center;text-transform:uppercase;font-weight:600;position:absolute;top:0;left:0;-webkit-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);-o-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95)}#clients .options .option .body .content{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;display:none}#clients .options .option .body .content .item{background-color:rgba(255,255,255,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px;width:28%;height:35%;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box}#clients .options .option .body .content .item i{margin:auto;font-size:4em}#clients .options .option .body .content .item span{color:#000;text-align:center}#clients .options .option .body .content .item img{margin:auto;max-width:100%;max-height:100%}#clients .options .option .shadow{position:absolute;bottom:0px;left:0px;right:0px;height:60px;-webkit-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);-o-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95)}#clients .options .option .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-transition:all .5s cubic-bezier(0.05, 0.61, 0.41, 0.95),background 0s;-o-transition:all .5s cubic-bezier(0.05, 0.61, 0.41, 0.95),background 0s;transition:all .5s cubic-bezier(0.05, 0.61, 0.41, 0.95),background 0s;padding:10px}#clients .options .option .label div{z-index:1}#clients .options .option .label .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:40px;max-width:40px;height:40px;background-color:#fff;color:var(--defaultBackground)}#clients .options .option .label .icon img{width:30px}#clients .options .option .label .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:10px;color:#fff;white-space:pre}#clients .options .option .label .info>div{position:relative;-webkit-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95),opacity .5s ease-out;-o-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95),opacity .5s ease-out;transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95),opacity .5s ease-out}#clients .options .option .label .info .main{font-weight:bold;font-size:1.2rem}#clients .options .option .label .info .sub{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}@media only screen and (min-width: 1921px){#clients .options{height:90%;max-width:none;width:85%}#clients .options .option.active{max-width:none;width:90%}#clients .options .option:not(.active){max-width:none;width:7%}#clients .options .option .label{height:10%;width:calc(100% - 20px)}#clients .options .option .label .info .main{font-size:4.5rem}#clients .options .option .label .info .sub{font-size:4rem}#clients .options .option .label .icon{min-width:160px;max-width:160px;height:160px}#clients .options .option .label .icon img{width:120px}}@media only screen and (min-width: 1501px)and (max-width: 1920px){#clients{padding:0 100px 50px}}@media only screen and (min-width: 1367px)and (max-width: 1920px){#clients .options{height:70%;max-width:none;width:80%}#clients .options .option.active{max-width:none;width:90%}#clients .options .option.active .label{bottom:15px}#clients .options .option:not(.active){max-width:none;width:10%}#clients .options .option .label{padding:10px 6px}#clients .options .option .label .info .main{font-size:2rem}#clients .options .option .label .info .sub{font-size:1.5rem}#clients .options .option .label .icon{min-width:48px;max-width:48px;height:48px}#clients .options .option .label .icon img{width:38px}}@media only screen and (min-width: 451px)and (max-width: 1000px){#clients .options{width:100%}#clients .options .option .label .info .main{font-size:1rem}#clients .options .option .label .info .sub{font-size:.7rem}#clients .options .option .body .content .item{width:35%;height:30%}#clients .options .option .body .content i.fa-square-plus{font-size:3em}}@media only screen and (max-width: 900px){#clients{min-height:170%}#clients>.options{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;row-gap:20px;height:auto}#clients>.options>.option{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}#clients>.options>.option,#clients>.options>.option.active{margin:0}#clients>.options>.option .overlay{display:none}#clients>.options>.option .body .title{display:none}#clients>.options>.option .body .content{padding:30px 0;row-gap:20px}#clients>.options>.option .body .content .item{row-gap:10px}#clients>.options>.option>.label.label{background:#000;background:-o-linear-gradient(left, #000000 0%, transparent 40%),var(--optionBackground, var(--defaultBackground, #e6e9ed)) var(--label-background-position, center) no-repeat;background:-webkit-gradient(linear, left top, right top, from(#000000), color-stop(40%, transparent)),var(--optionBackground, var(--defaultBackground, #e6e9ed)) var(--label-background-position, center) no-repeat;background:linear-gradient(to right, #000000 0%, transparent 40%),var(--optionBackground, var(--defaultBackground, #e6e9ed)) var(--label-background-position, center) no-repeat;background-size:100%}#clients>.options>.option>.label.label>.info>div.main{left:0;opacity:1}#clients>.options>.option.active{max-width:unset}#clients>.options>.option.active .label{padding-top:20px;background-size:100%}#clients>.options>.option div.shadow{display:none}}@media only screen and (max-width: 450px){#clients{height:265%;width:calc(100% - 100px);padding:50px 50px 0 50px}#clients>.options{height:calc(100% - 100px);min-width:auto;display:block;float:left;width:100%}#clients>.options>.option{width:100%;margin-bottom:30px !important;-webkit-box-flex:10000;-ms-flex-positive:10000;flex-grow:10000;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);max-width:600px;background-size:100% auto}#clients>.options>.option .shadow{bottom:0 !important;-webkit-box-shadow:inset 0 -60px 60px -60px #000,inset 0 -60px 60px -60px #000 !important;box-shadow:inset 0 -60px 60px -60px #000,inset 0 -60px 60px -60px #000 !important}#clients>.options>.option .label.label.label{bottom:10px;left:10px;background:-o-linear-gradient(left, #000000 0%, transparent 100%),var(--optionBackground, var(--defaultBackground, #e6e9ed)) var(--label-background-position, center) no-repeat;background:-webkit-gradient(linear, left top, right top, from(#000000), to(transparent)),var(--optionBackground, var(--defaultBackground, #e6e9ed)) var(--label-background-position, center) no-repeat;background:linear-gradient(to right, #000000 0%, transparent 100%),var(--optionBackground, var(--defaultBackground, #e6e9ed)) var(--label-background-position, center) no-repeat;background-size:100%}#clients>.options>.option .label.label.label .info>div{left:0px !important;opacity:1 !important}#clients>.options>.option .label.label.label .info .main{font-size:1rem}#clients>.options>.option .label.label.label .info .sub{font-size:.67rem}#clients>.options>.option>.body>.content>.item{width:100%}}/*# sourceMappingURL=clients.min.css.map */