.partners{margin:0 -2.5%}.partner{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;float:left;margin:5%;width:40%;height:0;padding-bottom:25%}.partner__logo{width:100%;height:auto;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);filter:gray;filter:grayscale(1);-webkit-filter:grayscale(1);-wekbit-transition:.3s ease-in-out;transition:.3s ease-in-out}.partner:hover .partner__logo{filter:none;-webkit-filter:grayscale(0)}.partner__info{display:none}.partner__info__logo{float:right;margin:2em}.__partner__info{opacity:0;position:absolute;left:0;top:100%;z-index:10;background:#fff;box-shadow:0 0 20px -20px rgba(0,0,0,.5);pointer-events:none}.__partner:hover .partner__info{opacity:1;box-shadow:0 0 20px rgba(0,0,0,.5)}@media only all and (min-width:800px){.partner{margin:2.5%;width:20%;padding-bottom:10%}}@media only all and (min-width:1000px){.partner{margin:2.5%;width:15%;padding-bottom:7.5%}}.partners--5 .partner{margin:5%;width:23%;padding-bottom:12%}
@media only all and (min-width:640px){.partners--5 .partner{margin:2.5%;width:15%;padding-bottom:7.5%}}.dotdotdot{display:none}@media only all and (min-width:640px){.dotdotdot,.dotdotdot__item{list-style:none;margin:0;padding:0}.dotdotdot{display:block;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.dotdotdot__item{position:absolute;opacity:0;pointer-events:auto;line-height:0;width:2.5em;height:0;padding-bottom:2.5em;right:0;top:0;-webkit-transform:translate3d(3em,-3em,0);transform:translate3d(3em,-3em,0);-webkit-transition:.2s -webkit-transform .2s,.2s opacity .2s;transition:.2s transform .2s,.2s opacity .2s}.partner:hover .dotdotdot__item:nth-child(1){opacity:1;-webkit-transform:translate3d(1em,-1em,0);transform:translate3d(1em,-1em,0);-webkit-transition:.2s -webkit-transform,.2s opacity;transition:.2s transform,.2s opacity}.dotdotdot__item a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;border-radius:50%;width:100%;height:100%;left:0;top:0;padding:18%;background-color:#009dc8;fill:#fff;-webkit-transition:.2s background-color;transition:.2s background-color}
.dotdotdot__item a:hover{background-color:#bad80a}}.partner-detail__logo{float:right;margin:0 0 1em 4em}