/* .fixed-share */
.fixed-share h4 { color: #fff; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 1rem;}
.fixed-share ul { margin: 0;}
.fixed-share a { position: relative; overflow: hidden; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 50px; height: 50px; color: #6a8aa8; background: #fff; border: 1px solid #fff; border-radius: 100%; margin: auto; transition: color .5s ease , border-color .5s ease;}
.fixed-share a:after { content: ""; position: absolute; top: 0; left: 50%; z-index: 1; width: 0; height: 100%; background: #efcd34; transition: left .5s ease , width .5s ease;}
.fixed-share a svg { position: relative; z-index: 5;}

@media(hover:hover){
    .fixed-share a:hover { color: #fff; border-color: #efcd34;}
    .fixed-share a:hover:after { left: 0; width: 100%;}
}

@media(min-width: 1281px){
    .fixed-share { position: fixed; top: 230px; z-index: 1; background: #fff; padding: 1rem; margin: 0 3rem;}
    .fixed-share h4 { color: #3182a4;}
    .fixed-share ul li { margin-bottom: .25rem;}
}
@media(max-width: 1280px){
    .fixed-share { max-width: 700px; background: #3182a4; margin: 3rem auto 0; padding: 1rem;}
    .fixed-share ul { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
    .fixed-share ul li { margin: 0 .25rem;}
    .fixed-share ul li:first-child { margin-right: auto;}
    .fixed-share h4 { margin: 0;}
    .fixed-share a { width: 40px; height: 40px;}
}
@media(max-width: 480px){
    .fixed-share h4 { margin-bottom: 1rem;}
    .fixed-share ul { justify-content: center;}
    .fixed-share ul li:first-child { width: 100%;}
}