Отображается градиент некорректно, как исправить голубой цвет на белый!?

<div class="header__info1 js-header-info1" style="margin: auto;width:96%;height:55px;background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(41,137,216,0.02) 52%, rgba(45,139,217,0) 53%, rgba(255,255,255,1) 100%); 
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(41,137,216,0.02) 52%,rgba(45,139,217,0) 53%,rgba(255,255,255,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(41,137,216,0.02) 52%,rgba(45,139,217,0) 53%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );">

На маке отображается некорректно не (из белого в прозрачный из прозрачного в белый) как в хроме и других браузерах, а (из белого в прозрачно-голубой из прозрачно-голубого в белый).
Подскажите пожалуйста в чем ошибка!(