Sid Gifari File Manager
🏠 Root
/
home
/
ailwtbdh
/
public_html
/
wp-content
/
plugins
/
element-ready-lite
/
assets
/
css
/
Editing: social-share.min.css
.element-ready-social-style { padding: 100px 0 60px; background: #efefef } .element-ready-social-style-white { background: #fff; padding: 100px 0 60px } .element-ready-social-flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap } .element-ready-social-icon-wrapper .element-ready-social-flex { justify-content: flex-start } .element-ready-social-style-1 a { display: block; background: #fff; border-radius: 40px; line-height: 35px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; position: relative; width: 270px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-1 a { width: 220px } } @media only screen and (min-width:768px) and (max-width:991px) { .element-ready-social-style-1 a { margin-bottom: 40px } } @media (max-width:767px) { .element-ready-social-style-1 a { margin-bottom: 40px } } .element-ready-social-style-1 a .element-ready-social-icon { position: absolute; left: 20px; top: 50%; transform: translateY(-50%) rotateY(0deg); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-1 a .element-ready-social-icon i { font-size: 54px; color: #385898; text-shadow: 0 0 20px #385898; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-flex ul { list-style: none; display: flex; gap: 30px; } .element-ready-social-style-1 a .element-ready-social-content { padding-left: 90px } .element-ready-social-style-1 a .element-ready-social-content span { display: inline-block; font-size: 14px; font-weight: 400; color: #989898; line-height: 26px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-1.twitter .element-ready-social-icon i { color: #1da1f2; text-shadow: 0 0 20px #1da1f2 } .element-ready-social-style-1.whatsapp .element-ready-social-icon i { color: #1ebea5; text-shadow: 0 0 20px #1ebea5 } .element-ready-social-style-1.google .element-ready-social-icon i { color: #EA4335; text-shadow: 0 0 20px #ea4335 } .element-ready-social-style-1.facebook-color a { background: #385898 } .element-ready-social-style-1.facebook-color .element-ready-social-icon i { color: #fff; text-shadow: 0 0 20px #1da1f2 } .element-ready-social-style-1.facebook-color .element-ready-social-content span { color: #fff } .element-ready-social-style-1.twitter-color a { background: #1da1f2 } .element-ready-social-style-1.twitter-color .element-ready-social-icon i { color: #fff; text-shadow: 0 0 20px #1da1f2 } .element-ready-social-style-1.twitter-color .element-ready-social-content span { color: #fff } .element-ready-social-style-1.whatsapp-color a { background: #1ebea5 } .element-ready-social-style-1.whatsapp-color .element-ready-social-icon i { color: #fff; text-shadow: 0 0 20px #1ebea5 } .element-ready-social-style-1.whatsapp-color .element-ready-social-content span { color: #fff } .element-ready-social-style-1.google-color a { background: #EA4335 } .element-ready-social-style-1.google-color .element-ready-social-icon i { color: #fff; text-shadow: 0 0 20px #ea4335 } .element-ready-social-style-1.google-color .element-ready-social-content span { color: #fff } .element-ready-social-style-1:hover a { background: #385898 } .element-ready-social-style-1:hover a .element-ready-social-icon { transform: translateY(-50%) rotateY(360deg) } .element-ready-social-style-1:hover a .element-ready-social-icon i { color: #fff } .element-ready-social-style-1:hover a .element-ready-social-content span { color: #fff } .element-ready-social-style-1:hover.twitter a { background: #1da1f2 } .element-ready-social-style-1:hover.whatsapp a { background: #1ebea5 } .element-ready-social-style-1:hover.google a { background: #EA4335 } .element-ready-social-style-1:hover.facebook-color a { background: #fff } .element-ready-social-style-1:hover.facebook-color a .element-ready-social-icon i { color: #385898 } .element-ready-social-style-1:hover.facebook-color a .element-ready-social-content span { color: #989898 } .element-ready-social-style-1:hover.twitter-color a { background: #fff } .element-ready-social-style-1:hover.twitter-color a .element-ready-social-icon i { color: #1da1f2 } .element-ready-social-style-1:hover.twitter-color a .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-1:hover.whatsapp-color a { background: #fff } .element-ready-social-style-1:hover.whatsapp-color a .element-ready-social-icon i { color: #1ebea5 } .element-ready-social-style-1:hover.whatsapp-color a .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-1:hover.google-color a { background: #fff } .element-ready-social-style-1:hover.google-color a .element-ready-social-icon i { color: #EA4335 } .element-ready-social-style-1:hover.google-color a .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-2 a { display: block; background: #fff; border-radius: 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; position: relative; width: 270px; padding: 5px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-2 a { width: 220px } } @media only screen and (min-width:768px) and (max-width:991px) { .element-ready-social-style-2 a { margin-bottom: 40px } } @media (max-width:767px) { .element-ready-social-style-2 a { margin-bottom: 40px } } .element-ready-social-style-2 a .element-ready-social-icon { transform: rotateY(0deg); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-2 a .element-ready-social-icon i { font-size: 30px; color: #fff; height: 50px; width: 50px; background: #385898; text-align: center; line-height: 50px; border-radius: 50%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-2 a .element-ready-social-content { padding-left: 20px } .element-ready-social-style-2 a .element-ready-social-content span { display: inline-block; font-size: 14px; font-weight: 400; color: #989898; line-height: 26px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-2.twitter .element-ready-social-icon i { color: #fff; background: #1da1f2 } .element-ready-social-style-2.whatsapp .element-ready-social-icon i { background: #1ebea5; color: #fff } .element-ready-social-style-2.google .element-ready-social-icon i { background: #EA4335; color: #fff } .element-ready-social-style-2.facebook-color a { background: #385898 } .element-ready-social-style-2.facebook-color .element-ready-social-icon i { color: #385898; background: #fff } .element-ready-social-style-2.facebook-color .element-ready-social-content span { color: #fff } .element-ready-social-style-2.twitter-color a { background: #1da1f2 } .element-ready-social-style-2.twitter-color .element-ready-social-icon i { color: #1da1f2; background: #fff } .element-ready-social-style-2.twitter-color .element-ready-social-content span { color: #fff } .element-ready-social-style-2.whatsapp-color a { background: #1ebea5 } .element-ready-social-style-2.whatsapp-color .element-ready-social-icon i { color: #1ebea5; background: #fff } .element-ready-social-style-2.whatsapp-color .element-ready-social-content span { color: #fff } .element-ready-social-style-2.google-color a { background: #EA4335 } .element-ready-social-style-2.google-color .element-ready-social-icon i { color: #EA4335; background: #fff } .element-ready-social-style-2.google-color .element-ready-social-content span { color: #fff } .element-ready-social-style-2.element-ready-social-style-3 a { border-radius: 40px 10px 10px 40px; padding: 10px } .element-ready-social-style-2:hover a { background: #385898 } .element-ready-social-style-2:hover a .element-ready-social-icon { transform: rotateY(360deg) } .element-ready-social-style-2:hover a .element-ready-social-icon i { color: #385898; background: #fff } .element-ready-social-style-2:hover a .element-ready-social-content span { color: #fff } .element-ready-social-style-2:hover.twitter a { background: #1da1f2 } .element-ready-social-style-2:hover.twitter a .element-ready-social-icon i { color: #1da1f2 } .element-ready-social-style-2:hover.whatsapp a { background: #1ebea5 } .element-ready-social-style-2:hover.whatsapp a .element-ready-social-icon i { color: #1ebea5 } .element-ready-social-style-2:hover.google a { background: #EA4335 } .element-ready-social-style-2:hover.google a .element-ready-social-icon i { color: #EA4335 } .element-ready-social-style-2:hover.facebook-color a { background: #fff } .element-ready-social-style-2:hover.facebook-color a .element-ready-social-icon i { background: #385898; color: #fff } .element-ready-social-style-2:hover.facebook-color a .element-ready-social-content span { color: #989898 } .element-ready-social-style-2:hover.twitter-color a { background: #fff } .element-ready-social-style-2:hover.twitter-color a .element-ready-social-icon i { background: #1da1f2; color: #fff } .element-ready-social-style-2:hover.twitter-color a .element-ready-social-content span { color: #989898 } .element-ready-social-style-2:hover.whatsapp-color a { background: #fff } .element-ready-social-style-2:hover.whatsapp-color a .element-ready-social-icon i { background: #1ebea5; color: #fff } .element-ready-social-style-2:hover.whatsapp-color a .element-ready-social-content span { color: #989898 } .element-ready-social-style-2:hover.google-color a { background: #fff } .element-ready-social-style-2:hover.google-color a .element-ready-social-icon i { background: #EA4335; color: #fff } .element-ready-social-style-2:hover.google-color a .element-ready-social-content span { color: #989898 } .element-ready-social-style-4 a { display: block; background: #fff; border-radius: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; position: relative; width: 270px; padding: 0 0; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; overflow: hidden } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-4 a { width: 220px } } @media only screen and (min-width:768px) and (max-width:991px) { .element-ready-social-style-4 a { margin-bottom: 40px } } @media (max-width:767px) { .element-ready-social-style-4 a { margin-bottom: 40px } } .element-ready-social-style-4 a::before { position: absolute; content: ''; right: 0; top: 0; height: 100%; width: 15px; background: #385898; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-4 a .element-ready-social-icon { transform: rotateY(0deg); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-4 a .element-ready-social-icon i { font-size: 30px; color: #fff; height: 65px; width: 70px; background: #385898; text-align: center; line-height: 65px; border-radius: 0 5px 5px 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position: relative } .element-ready-social-style-4 a .element-ready-social-icon i::after { position: absolute; content: ''; left: 100%; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #385898; border-bottom: 5px solid transparent; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-4 a .element-ready-social-content { padding-left: 20px } .element-ready-social-style-4 a .element-ready-social-content span { display: inline-block; font-size: 14px; font-weight: 400; color: #989898; line-height: 26px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-4.twitter a::before { background: #1da1f2 } .element-ready-social-style-4.twitter .element-ready-social-icon i { color: #fff; background: #1da1f2 } .element-ready-social-style-4.twitter .element-ready-social-icon i::after { border-left-color: #1da1f2 } .element-ready-social-style-4.whatsapp a::before { background: #1ebea5 } .element-ready-social-style-4.whatsapp .element-ready-social-icon i { background: #1ebea5; color: #fff } .element-ready-social-style-4.whatsapp .element-ready-social-icon i::after { border-left-color: #1ebea5 } .element-ready-social-style-4.google a::before { background: #EA4335 } .element-ready-social-style-4.google .element-ready-social-icon i { background: #EA4335; color: #fff } .element-ready-social-style-4.google .element-ready-social-icon i::after { border-left-color: #EA4335 } .element-ready-social-style-4.facebook-color a { background: #385898 } .element-ready-social-style-4.facebook-color a::before { background: #fff } .element-ready-social-style-4.facebook-color .element-ready-social-icon i { color: #385898; background: #fff } .element-ready-social-style-4.facebook-color .element-ready-social-icon i::after { border-left-color: #fff } .element-ready-social-style-4.facebook-color .element-ready-social-content span { color: #fff } .element-ready-social-style-4.twitter-color a { background: #1da1f2 } .element-ready-social-style-4.twitter-color a::before { background: #fff } .element-ready-social-style-4.twitter-color .element-ready-social-icon i { color: #1da1f2; background: #fff } .element-ready-social-style-4.twitter-color .element-ready-social-icon i::after { border-left-color: #fff } .element-ready-social-style-4.twitter-color .element-ready-social-content span { color: #fff } .element-ready-social-style-4.whatsapp-color a { background: #1ebea5 } .element-ready-social-style-4.whatsapp-color a::before { background: #fff } .element-ready-social-style-4.whatsapp-color .element-ready-social-icon i { color: #1ebea5; background: #fff } .element-ready-social-style-4.whatsapp-color .element-ready-social-icon i::after { border-left-color: #fff } .element-ready-social-style-4.whatsapp-color .element-ready-social-content span { color: #fff } .element-ready-social-style-4.google-color a { background: #EA4335 } .element-ready-social-style-4.google-color a::before { background: #fff } .element-ready-social-style-4.google-color .element-ready-social-icon i { color: #EA4335; background: #fff } .element-ready-social-style-4.google-color .element-ready-social-icon i::after { border-left-color: #fff } .element-ready-social-style-4.google-color .element-ready-social-content span { color: #fff } .element-ready-social-style-4:hover a { background: #385898 } .element-ready-social-style-4:hover a::before { background: #fff } .element-ready-social-style-4:hover a .element-ready-social-icon { transform: rotateY(360deg) } .element-ready-social-style-4:hover a .element-ready-social-icon i { color: #385898; background: #fff } .element-ready-social-style-4:hover a .element-ready-social-icon i::after { border-left: 5px solid #fff } .element-ready-social-style-4:hover a .element-ready-social-content span { color: #fff } .element-ready-social-style-4:hover.twitter a { background: #1da1f2 } .element-ready-social-style-4:hover.twitter a .element-ready-social-icon i { color: #1da1f2 } .element-ready-social-style-4:hover.whatsapp a { background: #1ebea5 } .element-ready-social-style-4:hover.whatsapp a .element-ready-social-icon i { color: #1ebea5 } .element-ready-social-style-4:hover.google a { background: #EA4335 } .element-ready-social-style-4:hover.google a .element-ready-social-icon i { color: #EA4335 } .element-ready-social-style-4:hover.facebook-color a { background: #fff } .element-ready-social-style-4:hover.facebook-color a::before { background: #385898 } .element-ready-social-style-4:hover.facebook-color a .element-ready-social-icon i { background: #385898; color: #fff } .element-ready-social-style-4:hover.facebook-color a .element-ready-social-icon i::after { border-left-color: #385898 } .element-ready-social-style-4:hover.facebook-color a .element-ready-social-content span { color: #989898 } .element-ready-social-style-4:hover.twitter-color a { background: #fff } .element-ready-social-style-4:hover.twitter-color a::before { background: #1da1f2 } .element-ready-social-style-4:hover.twitter-color a .element-ready-social-icon i { background: #1da1f2; color: #fff } .element-ready-social-style-4:hover.twitter-color a .element-ready-social-icon i::after { border-left-color: #1da1f2 } .element-ready-social-style-4:hover.twitter-color a .element-ready-social-content span { color: #989898 } .element-ready-social-style-4:hover.whatsapp-color a { background: #fff } .element-ready-social-style-4:hover.whatsapp-color a::before { background: #1ebea5 } .element-ready-social-style-4:hover.whatsapp-color a .element-ready-social-icon i { background: #1ebea5; color: #fff } .element-ready-social-style-4:hover.whatsapp-color a .element-ready-social-icon i::after { border-left-color: #1ebea5 } .element-ready-social-style-4:hover.whatsapp-color a .element-ready-social-content span { color: #989898 } .element-ready-social-style-4:hover.google-color a { background: #fff } .element-ready-social-style-4:hover.google-color a::before { background: #EA4335 } .element-ready-social-style-4:hover.google-color a .element-ready-social-icon i { background: #EA4335; color: #fff } .element-ready-social-style-4:hover.google-color a .element-ready-social-icon i::after { border-left-color: #EA4335 } .element-ready-social-style-4:hover.google-color a .element-ready-social-content span { color: #989898 } .element-ready-social-style-5 a { display: block; background: #fff; border-radius: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; position: relative; width: 270px; padding: 0 0; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; overflow: hidden } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-5 a { width: 220px } } @media only screen and (min-width:768px) and (max-width:991px) { .element-ready-social-style-5 a { margin-bottom: 40px } } @media (max-width:767px) { .element-ready-social-style-5 a { margin-bottom: 40px } } .element-ready-social-style-5 a .element-ready-social-icon { transform: rotateY(0deg); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; margin-left: 0 } .element-ready-social-style-5 a .element-ready-social-icon i { font-size: 30px; color: #fff; height: 65px; width: 70px; background: #385898; text-align: center; line-height: 65px; border-radius: 5px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position: relative } .element-ready-social-style-5 a .element-ready-social-content { padding-left: 20px } .element-ready-social-style-5 a .element-ready-social-content span { display: inline-block; font-size: 14px; font-weight: 400; color: #385898; line-height: 26px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-5.twitter .element-ready-social-icon i { color: #fff; background: #1da1f2 } .element-ready-social-style-5.twitter .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-5.whatsapp .element-ready-social-icon i { background: #1ebea5; color: #fff } .element-ready-social-style-5.whatsapp .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-5.google .element-ready-social-icon i { background: #EA4335; color: #fff } .element-ready-social-style-5.google .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-5.facebook-color a { background: #385898 } .element-ready-social-style-5.facebook-color .element-ready-social-icon i { color: #385898; background: #fff } .element-ready-social-style-5.facebook-color .element-ready-social-content span { color: #fff } .element-ready-social-style-5.twitter-color a { background: #1da1f2 } .element-ready-social-style-5.twitter-color .element-ready-social-icon i { color: #1da1f2; background: #fff } .element-ready-social-style-5.twitter-color .element-ready-social-content span { color: #fff } .element-ready-social-style-5.whatsapp-color a { background: #1ebea5 } .element-ready-social-style-5.whatsapp-color .element-ready-social-icon i { color: #1ebea5; background: #fff } .element-ready-social-style-5.whatsapp-color .element-ready-social-content span { color: #fff } .element-ready-social-style-5.google-color a { background: #EA4335 } .element-ready-social-style-5.google-color .element-ready-social-icon i { color: #EA4335; background: #fff } .element-ready-social-style-5.google-color .element-ready-social-content span { color: #fff } .element-ready-social-style-5:hover a { background: #385898 } .element-ready-social-style-5:hover a .element-ready-social-icon { transform: rotateY(360deg); margin-left: 15px } .element-ready-social-style-5:hover a .element-ready-social-icon i { color: #385898; background: #fff } .element-ready-social-style-5:hover a .element-ready-social-content span { color: #fff } .element-ready-social-style-5:hover.twitter a { background: #1da1f2 } .element-ready-social-style-5:hover.twitter a .element-ready-social-icon i { color: #1da1f2 } .element-ready-social-style-5:hover.whatsapp a { background: #1ebea5 } .element-ready-social-style-5:hover.whatsapp a .element-ready-social-icon i { color: #1ebea5 } .element-ready-social-style-5:hover.google a { background: #EA4335 } .element-ready-social-style-5:hover.google a .element-ready-social-icon i { color: #EA4335 } .element-ready-social-style-5:hover.facebook-color a { background: #fff } .element-ready-social-style-5:hover.facebook-color a .element-ready-social-icon i { background: #385898; color: #fff } .element-ready-social-style-5:hover.facebook-color a .element-ready-social-content span { color: #385898 } .element-ready-social-style-5:hover.twitter-color a { background: #fff } .element-ready-social-style-5:hover.twitter-color a .element-ready-social-icon i { background: #1da1f2; color: #fff } .element-ready-social-style-5:hover.twitter-color a .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-5:hover.whatsapp-color a { background: #fff } .element-ready-social-style-5:hover.whatsapp-color a .element-ready-social-icon i { background: #1ebea5; color: #fff } .element-ready-social-style-5:hover.whatsapp-color a .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-5:hover.google-color a { background: #fff } .element-ready-social-style-5:hover.google-color a .element-ready-social-icon i { background: #EA4335; color: #fff } .element-ready-social-style-5:hover.google-color a .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-6 a { display: block; background: #fff; border-radius: 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; position: relative; width: 270px; padding: 0 0; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; overflow: hidden } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-6 a { width: 220px } } @media only screen and (min-width:768px) and (max-width:991px) { .element-ready-social-style-6 a { margin-bottom: 40px } } @media (max-width:767px) { .element-ready-social-style-6 a { margin-bottom: 40px } } .element-ready-social-style-6 a .element-ready-social-icon { transform: rotateY(0deg); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-6 a .element-ready-social-icon i { font-size: 30px; color: #fff; height: 65px; width: 80px; background: #385898; text-align: center; line-height: 65px; border-radius: 40px 0 0 40px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position: relative; border-right: 4px solid #fff; box-shadow: 4px 0 0 0 #385898 } .element-ready-social-style-6 a .element-ready-social-content { padding-left: 20px } .element-ready-social-style-6 a .element-ready-social-content span { display: inline-block; font-size: 14px; font-weight: 400; color: #385898; line-height: 26px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-6.twitter .element-ready-social-icon i { color: #fff; background: #1da1f2; box-shadow: 4px 0 0 0 #1da1f2 } .element-ready-social-style-6.twitter .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-6.whatsapp .element-ready-social-icon i { background: #1ebea5; color: #fff; box-shadow: 4px 0 0 0 #1ebea5 } .element-ready-social-style-6.whatsapp .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-6.google .element-ready-social-icon i { background: #EA4335; color: #fff; box-shadow: 4px 0 0 0 #EA4335 } .element-ready-social-style-6.google .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-6.facebook-color a { background: #385898 } .element-ready-social-style-6.facebook-color .element-ready-social-icon i { color: #385898; background: #fff; box-shadow: 4px 0 0 0 #fff; border-right: 4px solid #385898 } .element-ready-social-style-6.facebook-color .element-ready-social-content span { color: #fff } .element-ready-social-style-6.twitter-color a { background: #1da1f2 } .element-ready-social-style-6.twitter-color .element-ready-social-icon i { color: #1da1f2; background: #fff; box-shadow: 4px 0 0 0 #fff; border-right: 4px solid #1da1f2 } .element-ready-social-style-6.twitter-color .element-ready-social-content span { color: #fff } .element-ready-social-style-6.whatsapp-color a { background: #1ebea5 } .element-ready-social-style-6.whatsapp-color .element-ready-social-icon i { color: #1ebea5; background: #fff; box-shadow: 4px 0 0 0 #fff; border-right: 4px solid #1ebea5 } .element-ready-social-style-6.whatsapp-color .element-ready-social-content span { color: #fff } .element-ready-social-style-6.google-color a { background: #EA4335 } .element-ready-social-style-6.google-color .element-ready-social-icon i { color: #EA4335; background: #fff; box-shadow: 4px 0 0 0 #fff; border-right: 4px solid #EA4335 } .element-ready-social-style-6.google-color .element-ready-social-content span { color: #fff } .element-ready-social-style-6:hover a { background: #385898 } .element-ready-social-style-6:hover a .element-ready-social-icon { transform: rotateY(360deg) } .element-ready-social-style-6:hover a .element-ready-social-icon i { color: #385898; background: #fff; border-right: 4px solid #385898; box-shadow: 4px 0 0 0 #fff } .element-ready-social-style-6:hover a .element-ready-social-content span { color: #fff } .element-ready-social-style-6:hover.twitter a { background: #1da1f2 } .element-ready-social-style-6:hover.twitter a .element-ready-social-icon i { color: #1da1f2; border-right: 4px solid #1da1f2; box-shadow: 4px 0 0 0 #fff } .element-ready-social-style-6:hover.whatsapp a { background: #1ebea5 } .element-ready-social-style-6:hover.whatsapp a .element-ready-social-icon i { color: #1ebea5; border-right: 4px solid #1ebea5; box-shadow: 4px 0 0 0 #fff } .element-ready-social-style-6:hover.google a { background: #EA4335 } .element-ready-social-style-6:hover.google a .element-ready-social-icon i { color: #EA4335; border-right: 4px solid #EA4335; box-shadow: 4px 0 0 0 #fff } .element-ready-social-style-6:hover.facebook-color a { background: #fff } .element-ready-social-style-6:hover.facebook-color a .element-ready-social-icon i { background: #385898; color: #fff; box-shadow: 4px 0 0 0 #385898; border-right: 4px solid #fff } .element-ready-social-style-6:hover.facebook-color a .element-ready-social-content span { color: #385898 } .element-ready-social-style-6:hover.twitter-color a { background: #fff } .element-ready-social-style-6:hover.twitter-color a .element-ready-social-icon i { background: #1da1f2; color: #fff; box-shadow: 4px 0 0 0 #1da1f2; border-right: 4px solid #fff } .element-ready-social-style-6:hover.twitter-color a .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-6:hover.whatsapp-color a { background: #fff } .element-ready-social-style-6:hover.whatsapp-color a .element-ready-social-icon i { background: #1ebea5; color: #fff; box-shadow: 4px 0 0 0 #1ebea5; border-right: 4px solid #fff } .element-ready-social-style-6:hover.whatsapp-color a .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-6:hover.google-color a { background: #fff } .element-ready-social-style-6:hover.google-color a .element-ready-social-icon i { background: #EA4335; color: #fff; box-shadow: 4px 0 0 0 #EA4335; border-right: 4px solid #fff } .element-ready-social-style-6:hover.google-color a .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-7 a { display: block; background: #fff; border-radius: 30px 0 0 30px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; position: relative; width: 270px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; padding: 15px 0; border-right: 15px solid #385898 } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-7 a { width: 220px } } @media only screen and (min-width:768px) and (max-width:991px) { .element-ready-social-style-7 a { margin-bottom: 40px } } @media (max-width:767px) { .element-ready-social-style-7 a { margin-bottom: 40px } } .element-ready-social-style-7 a .element-ready-social-icon { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position: absolute; transform: rotateX(0deg) } .element-ready-social-style-7 a .element-ready-social-icon i { font-size: 46px; color: #fff; height: 90px; width: 90px; background: #385898; text-align: center; line-height: 80px; border-radius: 50%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position: relative; border: 4px solid #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2) } .element-ready-social-style-7 a .element-ready-social-content { padding-left: 110px } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-7 a .element-ready-social-content { padding-left: 90px } } .element-ready-social-style-7 a .element-ready-social-content span { display: inline-block; font-size: 14px; font-weight: 400; color: #385898; line-height: 26px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-7.twitter a { border-right-color: #1da1f2 } .element-ready-social-style-7.twitter .element-ready-social-icon i { color: #fff; background: #1da1f2 } .element-ready-social-style-7.twitter .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-7.whatsapp a { border-right-color: #1ebea5 } .element-ready-social-style-7.whatsapp .element-ready-social-icon i { background: #1ebea5; color: #fff } .element-ready-social-style-7.whatsapp .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-7.google a { border-right-color: #EA4335 } .element-ready-social-style-7.google .element-ready-social-icon i { background: #EA4335; color: #fff } .element-ready-social-style-7.google .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-7.facebook-color a { background: #385898; border-right-color: #fff } .element-ready-social-style-7.facebook-color .element-ready-social-icon i { color: #385898; background: #fff; border-color: #385898 } .element-ready-social-style-7.facebook-color .element-ready-social-content span { color: #fff } .element-ready-social-style-7.twitter-color a { background: #1da1f2; border-right-color: #fff } .element-ready-social-style-7.twitter-color .element-ready-social-icon i { color: #1da1f2; background: #fff; border-color: #1da1f2 } .element-ready-social-style-7.twitter-color .element-ready-social-content span { color: #fff } .element-ready-social-style-7.whatsapp-color a { background: #1ebea5; border-right-color: #fff } .element-ready-social-style-7.whatsapp-color .element-ready-social-icon i { color: #1ebea5; background: #fff; border-color: #1ebea5 } .element-ready-social-style-7.whatsapp-color .element-ready-social-content span { color: #fff } .element-ready-social-style-7.google-color a { background: #EA4335; border-right-color: #fff } .element-ready-social-style-7.google-color .element-ready-social-icon i { color: #EA4335; background: #fff; border-color: #EA4335 } .element-ready-social-style-7.google-color .element-ready-social-content span { color: #fff } .element-ready-social-style-7:hover a { background: #385898; border-right-color: #fff } .element-ready-social-style-7:hover a .element-ready-social-icon { transform: rotateX(360deg) } .element-ready-social-style-7:hover a .element-ready-social-icon i { color: #385898; background: #fff; border-color: #385898 } .element-ready-social-style-7:hover a .element-ready-social-content span { color: #fff } .element-ready-social-style-7:hover.twitter a { background: #1da1f2 } .element-ready-social-style-7:hover.twitter a .element-ready-social-icon i { color: #1da1f2; border-color: #1da1f2 } .element-ready-social-style-7:hover.whatsapp a { background: #1ebea5 } .element-ready-social-style-7:hover.whatsapp a .element-ready-social-icon i { color: #1ebea5; border-color: #1ebea5 } .element-ready-social-style-7:hover.google a { background: #EA4335 } .element-ready-social-style-7:hover.google a .element-ready-social-icon i { color: #EA4335; border-color: #EA4335 } .element-ready-social-style-7:hover.facebook-color a { background: #fff; border-right-color: #385898 } .element-ready-social-style-7:hover.facebook-color a .element-ready-social-icon i { background: #385898; color: #fff; border-color: #fff } .element-ready-social-style-7:hover.facebook-color a .element-ready-social-content span { color: #385898 } .element-ready-social-style-7:hover.twitter-color a { background: #fff; border-right-color: #1da1f2 } .element-ready-social-style-7:hover.twitter-color a .element-ready-social-icon i { background: #1da1f2; color: #fff; border-color: #fff } .element-ready-social-style-7:hover.twitter-color a .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-7:hover.whatsapp-color a { background: #fff; border-right-color: #1ebea5 } .element-ready-social-style-7:hover.whatsapp-color a .element-ready-social-icon i { background: #1ebea5; color: #fff; border-color: #fff } .element-ready-social-style-7:hover.whatsapp-color a .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-7:hover.google-color a { background: #fff; border-right-color: #EA4335 } .element-ready-social-style-7:hover.google-color a .element-ready-social-icon i { background: #EA4335; color: #fff; border-color: #fff } .element-ready-social-style-7:hover.google-color a .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-7.element-ready-social-style-8 a { border-radius: 0 40px 40px 0; border-right: 0; border-left: 15px solid #385898 } .element-ready-social-style-7.element-ready-social-style-8 a .element-ready-social-icon { left: auto; right: 0 } .element-ready-social-style-7.element-ready-social-style-8 a .element-ready-social-content { padding-left: 30px } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-7.element-ready-social-style-8 a .element-ready-social-content { padding-left: 5px } } .element-ready-social-style-7.element-ready-social-style-8.twitter a { border-left-color: #1da1f2 } .element-ready-social-style-7.element-ready-social-style-8.whatsapp a { border-left-color: #1ebea5 } .element-ready-social-style-7.element-ready-social-style-8.google a { border-left-color: #EA4335 } .element-ready-social-style-7.element-ready-social-style-8.facebook-color a { border-left-color: #fff } .element-ready-social-style-7.element-ready-social-style-8.twitter-color a { border-left-color: #fff } .element-ready-social-style-7.element-ready-social-style-8.whatsapp-color a { border-left-color: #fff } .element-ready-social-style-7.element-ready-social-style-8.google-color a { border-left-color: #fff } .element-ready-social-style-7.element-ready-social-style-8:hover a { border-left-color: #fff } .element-ready-social-style-7.element-ready-social-style-8:hover.facebook-color a { border-left-color: #385898 } .element-ready-social-style-7.element-ready-social-style-8:hover.twitter-color a { border-left-color: #1da1f2 } .element-ready-social-style-7.element-ready-social-style-8:hover.whatsapp-color a { border-left-color: #1ebea5 } .element-ready-social-style-7.element-ready-social-style-8:hover.google-color a { border-left-color: #EA4335 } .element-ready-social-style-9 a { display: block; background: transparent; border-radius: 10px 40px 10px 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; position: relative; width: 270px; padding: 0 0; box-shadow: none; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-9 a { width: 220px } } @media only screen and (min-width:768px) and (max-width:991px) { .element-ready-social-style-9 a { margin-bottom: 40px } } @media (max-width:767px) { .element-ready-social-style-9 a { margin-bottom: 40px } } .element-ready-social-style-9 a .element-ready-social-icon { transform: rotateY(0deg); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; margin-left: 15px } .element-ready-social-style-9 a .element-ready-social-icon i { font-size: 30px; color: #fff; height: 65px; width: 70px; text-align: center; line-height: 65px; border-radius: 5px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position: relative } .element-ready-social-style-9 a .element-ready-social-icon i::after { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; transform: skewX(30deg); background: #385898; border-radius: 10px 0 10px 0; z-index: -1; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-9 a .element-ready-social-content { padding-left: 40px; background: #fff; line-height: 65px; display: block; width: 100%; border-radius: 0 50px 0 0; margin-left: -20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-9 a .element-ready-social-content span { display: inline-block; font-size: 14px; font-weight: 400; color: #385898; line-height: 26px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-9.twitter .element-ready-social-icon i { color: #fff } .element-ready-social-style-9.twitter .element-ready-social-icon i::after { background: #1da1f2 } .element-ready-social-style-9.twitter .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-9.whatsapp .element-ready-social-icon i { color: #fff } .element-ready-social-style-9.whatsapp .element-ready-social-icon i::after { background: #1ebea5 } .element-ready-social-style-9.whatsapp .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-9.google .element-ready-social-icon i { color: #fff } .element-ready-social-style-9.google .element-ready-social-icon i::after { background: #EA4335 } .element-ready-social-style-9.google .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-9.facebook-color .element-ready-social-icon i { color: #385898 } .element-ready-social-style-9.facebook-color .element-ready-social-icon i::after { background: #fff } .element-ready-social-style-9.facebook-color .element-ready-social-content { background: #385898 } .element-ready-social-style-9.facebook-color .element-ready-social-content span { color: #fff } .element-ready-social-style-9.twitter-color .element-ready-social-icon i { color: #1da1f2 } .element-ready-social-style-9.twitter-color .element-ready-social-icon i::after { background: #fff } .element-ready-social-style-9.twitter-color .element-ready-social-content { background: #1da1f2 } .element-ready-social-style-9.twitter-color .element-ready-social-content span { color: #fff } .element-ready-social-style-9.whatsapp-color .element-ready-social-icon i { color: #1ebea5 } .element-ready-social-style-9.whatsapp-color .element-ready-social-icon i::after { background: #fff } .element-ready-social-style-9.whatsapp-color .element-ready-social-content { background: #1ebea5 } .element-ready-social-style-9.whatsapp-color .element-ready-social-content span { color: #fff } .element-ready-social-style-9.google-color .element-ready-social-icon i { color: #EA4335 } .element-ready-social-style-9.google-color .element-ready-social-icon i::after { background: #fff } .element-ready-social-style-9.google-color .element-ready-social-content { background: #EA4335 } .element-ready-social-style-9.google-color .element-ready-social-content span { color: #fff } .element-ready-social-style-9:hover a .element-ready-social-icon { transform: rotateY(360deg) } .element-ready-social-style-9:hover a .element-ready-social-icon i { color: #385898 } .element-ready-social-style-9:hover a .element-ready-social-icon i::after { background: #fff } .element-ready-social-style-9:hover a .element-ready-social-content { background: #385898 } .element-ready-social-style-9:hover a .element-ready-social-content span { color: #fff } .element-ready-social-style-9:hover.twitter a .element-ready-social-icon i { color: #1da1f2 } .element-ready-social-style-9:hover.twitter a .element-ready-social-content { background: #1da1f2 } .element-ready-social-style-9:hover.whatsapp a .element-ready-social-icon i { color: #1ebea5 } .element-ready-social-style-9:hover.whatsapp a .element-ready-social-content { background: #1ebea5 } .element-ready-social-style-9:hover.google a .element-ready-social-icon i { color: #EA4335 } .element-ready-social-style-9:hover.google a .element-ready-social-content { background: #EA4335 } .element-ready-social-style-9:hover.facebook-color a .element-ready-social-icon i { color: #fff } .element-ready-social-style-9:hover.facebook-color a .element-ready-social-icon i::after { background: #385898 } .element-ready-social-style-9:hover.facebook-color a .element-ready-social-content { background: #fff } .element-ready-social-style-9:hover.facebook-color a .element-ready-social-content span { color: #385898 } .element-ready-social-style-9:hover.twitter-color a .element-ready-social-icon i { color: #fff } .element-ready-social-style-9:hover.twitter-color a .element-ready-social-icon i::after { background: #1da1f2 } .element-ready-social-style-9:hover.twitter-color a .element-ready-social-content { background: #fff } .element-ready-social-style-9:hover.twitter-color a .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-9:hover.whatsapp-color a .element-ready-social-icon i { color: #fff } .element-ready-social-style-9:hover.whatsapp-color a .element-ready-social-icon i::after { background: #1ebea5 } .element-ready-social-style-9:hover.whatsapp-color a .element-ready-social-content { background: #fff } .element-ready-social-style-9:hover.whatsapp-color a .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-9:hover.google-color a .element-ready-social-icon i { color: #fff } .element-ready-social-style-9:hover.google-color a .element-ready-social-icon i::after { background: #EA4335 } .element-ready-social-style-9:hover.google-color a .element-ready-social-content { background: #fff } .element-ready-social-style-9:hover.google-color a .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-10 a { display: block; background: #fff; border-radius: 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; position: relative; width: 270px; padding: 0 0; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-10 a { width: 220px } } @media only screen and (min-width:768px) and (max-width:991px) { .element-ready-social-style-10 a { margin-bottom: 40px } } @media (max-width:767px) { .element-ready-social-style-10 a { margin-bottom: 40px } } .element-ready-social-style-10 a .element-ready-social-icon { transform: rotateY(0deg); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-10 a .element-ready-social-icon i { font-size: 30px; color: #fff; height: 65px; width: 70px; background: #385898; text-align: center; line-height: 65px; border-radius: 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position: relative; clip-path: polygon(0 25%, 25% 0, 75% 0, 100% 100%, 25% 100%, 0 75%); margin-left: 0 } .element-ready-social-style-10 a .element-ready-social-content { padding-left: 20px } .element-ready-social-style-10 a .element-ready-social-content span { display: inline-block; font-size: 14px; font-weight: 400; color: #385898; line-height: 26px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-10.twitter .element-ready-social-icon i { color: #fff; background: #1da1f2 } .element-ready-social-style-10.twitter .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-10.whatsapp .element-ready-social-icon i { background: #1ebea5; color: #fff } .element-ready-social-style-10.whatsapp .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-10.google .element-ready-social-icon i { background: #EA4335; color: #fff } .element-ready-social-style-10.google .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-10.facebook-color a { background: #385898 } .element-ready-social-style-10.facebook-color .element-ready-social-icon i { color: #385898; background: #fff } .element-ready-social-style-10.facebook-color .element-ready-social-content span { color: #fff } .element-ready-social-style-10.twitter-color a { background: #1da1f2 } .element-ready-social-style-10.twitter-color .element-ready-social-icon i { color: #1da1f2; background: #fff } .element-ready-social-style-10.twitter-color .element-ready-social-content span { color: #fff } .element-ready-social-style-10.whatsapp-color a { background: #1ebea5 } .element-ready-social-style-10.whatsapp-color .element-ready-social-icon i { color: #1ebea5; background: #fff } .element-ready-social-style-10.whatsapp-color .element-ready-social-content span { color: #fff } .element-ready-social-style-10.google-color a { background: #EA4335 } .element-ready-social-style-10.google-color .element-ready-social-icon i { color: #EA4335; background: #fff } .element-ready-social-style-10.google-color .element-ready-social-content span { color: #fff } .element-ready-social-style-10:hover a { background: #385898 } .element-ready-social-style-10:hover a .element-ready-social-icon { transform: rotateY(360deg) } .element-ready-social-style-10:hover a .element-ready-social-icon i { color: #385898; background: #fff } .element-ready-social-style-10:hover a .element-ready-social-content span { color: #fff } .element-ready-social-style-10:hover.twitter a { background: #1da1f2 } .element-ready-social-style-10:hover.twitter a .element-ready-social-icon i { color: #1da1f2 } .element-ready-social-style-10:hover.whatsapp a { background: #1ebea5 } .element-ready-social-style-10:hover.whatsapp a .element-ready-social-icon i { color: #1ebea5 } .element-ready-social-style-10:hover.google a { background: #EA4335 } .element-ready-social-style-10:hover.google a .element-ready-social-icon i { color: #EA4335 } .element-ready-social-style-10:hover.facebook-color a { background: #fff } .element-ready-social-style-10:hover.facebook-color a .element-ready-social-icon i { background: #385898; color: #fff } .element-ready-social-style-10:hover.facebook-color a .element-ready-social-content span { color: #385898 } .element-ready-social-style-10:hover.twitter-color a { background: #fff } .element-ready-social-style-10:hover.twitter-color a .element-ready-social-icon i { background: #1da1f2; color: #fff } .element-ready-social-style-10:hover.twitter-color a .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-10:hover.whatsapp-color a { background: #fff } .element-ready-social-style-10:hover.whatsapp-color a .element-ready-social-icon i { background: #1ebea5; color: #fff } .element-ready-social-style-10:hover.whatsapp-color a .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-10:hover.google-color a { background: #fff } .element-ready-social-style-10:hover.google-color a .element-ready-social-icon i { background: #EA4335; color: #fff } .element-ready-social-style-10:hover.google-color a .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-11 a { display: block; background: #fff; border-radius: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; position: relative; width: 270px; padding: 0 0; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-11 a { width: 220px } } @media only screen and (min-width:768px) and (max-width:991px) { .element-ready-social-style-11 a { margin-bottom: 40px } } @media (max-width:767px) { .element-ready-social-style-11 a { margin-bottom: 40px } } .element-ready-social-style-11 a .element-ready-social-icon { transform: rotateY(0deg); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotateY(0deg) } .element-ready-social-style-11 a .element-ready-social-icon i { font-size: 30px; color: #fff; height: 70px; width: 70px; background: #385898; text-align: center; line-height: 65px; border-radius: 5px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position: relative; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2) } .element-ready-social-style-11 a .element-ready-social-content { width: 100%; padding: 0 0 10px 0; margin-left: 70px; position: relative } .element-ready-social-style-11 a .element-ready-social-content p { margin-bottom: 0; font-size: 12px; background: #000; background: #385898; color: #fff; display: block; width: 100%; padding-left: 20px; border-radius: 0 10px 0 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-11 a .element-ready-social-content p { padding-left: 10px } } .element-ready-social-style-11 a .element-ready-social-content span { display: inline-block; font-size: 14px; font-weight: 400; color: #385898; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; line-height: 20px; padding-top: 5px; padding-left: 20px } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-11 a .element-ready-social-content span { padding-left: 10px } } .element-ready-social-style-11.twitter .element-ready-social-icon i { color: #fff; background: #1da1f2 } .element-ready-social-style-11.twitter .element-ready-social-content p { background: #1da1f2 } .element-ready-social-style-11.twitter .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-11.whatsapp .element-ready-social-icon i { background: #1ebea5; color: #fff } .element-ready-social-style-11.whatsapp .element-ready-social-content p { background: #1ebea5 } .element-ready-social-style-11.whatsapp .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-11.google .element-ready-social-icon i { background: #EA4335; color: #fff } .element-ready-social-style-11.google .element-ready-social-content p { background: #EA4335 } .element-ready-social-style-11.google .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-11.facebook-color a { background: #385898 } .element-ready-social-style-11.facebook-color .element-ready-social-icon i { color: #385898; background: #fff } .element-ready-social-style-11.facebook-color .element-ready-social-content p { background: #fff; color: #385898 } .element-ready-social-style-11.facebook-color .element-ready-social-content span { color: #fff } .element-ready-social-style-11.twitter-color a { background: #1da1f2 } .element-ready-social-style-11.twitter-color .element-ready-social-icon i { color: #1da1f2; background: #fff } .element-ready-social-style-11.twitter-color .element-ready-social-content p { background: #fff; color: #1da1f2 } .element-ready-social-style-11.twitter-color .element-ready-social-content span { color: #fff } .element-ready-social-style-11.whatsapp-color a { background: #1ebea5 } .element-ready-social-style-11.whatsapp-color .element-ready-social-icon i { color: #1ebea5; background: #fff } .element-ready-social-style-11.whatsapp-color .element-ready-social-content p { background: #fff; color: #1ebea5 } .element-ready-social-style-11.whatsapp-color .element-ready-social-content span { color: #fff } .element-ready-social-style-11.google-color a { background: #EA4335 } .element-ready-social-style-11.google-color .element-ready-social-icon i { color: #EA4335; background: #fff } .element-ready-social-style-11.google-color .element-ready-social-content p { background: #fff; color: #EA4335 } .element-ready-social-style-11.google-color .element-ready-social-content span { color: #fff } .element-ready-social-style-11:hover a { background: #385898 } .element-ready-social-style-11:hover a .element-ready-social-icon { transform: translateY(-50%) rotateY(360deg) } .element-ready-social-style-11:hover a .element-ready-social-icon i { color: #385898; background: #fff } .element-ready-social-style-11:hover a .element-ready-social-content p { background: #fff; color: #385898 } .element-ready-social-style-11:hover a .element-ready-social-content span { color: #fff } .element-ready-social-style-11:hover.twitter a { background: #1da1f2 } .element-ready-social-style-11:hover.twitter a .element-ready-social-icon i { color: #1da1f2 } .element-ready-social-style-11:hover.twitter a .element-ready-social-content p { background: #fff; color: #1da1f2 } .element-ready-social-style-11:hover.whatsapp a { background: #1ebea5 } .element-ready-social-style-11:hover.whatsapp a .element-ready-social-icon i { color: #1ebea5 } .element-ready-social-style-11:hover.whatsapp a .element-ready-social-content p { color: #1ebea5 } .element-ready-social-style-11:hover.google a { background: #EA4335 } .element-ready-social-style-11:hover.google a .element-ready-social-icon i { color: #EA4335 } .element-ready-social-style-11:hover.google a .element-ready-social-content p { color: #EA4335 } .element-ready-social-style-11:hover.facebook-color a { background: #fff } .element-ready-social-style-11:hover.facebook-color a .element-ready-social-icon i { background: #385898; color: #fff } .element-ready-social-style-11:hover.facebook-color a .element-ready-social-content p { background: #385898; color: #fff } .element-ready-social-style-11:hover.facebook-color a .element-ready-social-content span { color: #385898 } .element-ready-social-style-11:hover.twitter-color a { background: #fff } .element-ready-social-style-11:hover.twitter-color a .element-ready-social-icon i { background: #1da1f2; color: #fff } .element-ready-social-style-11:hover.twitter-color a .element-ready-social-content p { background: #1da1f2; color: #fff } .element-ready-social-style-11:hover.twitter-color a .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-11:hover.whatsapp-color a { background: #fff } .element-ready-social-style-11:hover.whatsapp-color a .element-ready-social-icon i { background: #1ebea5; color: #fff } .element-ready-social-style-11:hover.whatsapp-color a .element-ready-social-content p { background: #1ebea5; color: #fff } .element-ready-social-style-11:hover.whatsapp-color a .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-11:hover.google-color a { background: #fff } .element-ready-social-style-11:hover.google-color a .element-ready-social-icon i { background: #EA4335; color: #fff } .element-ready-social-style-11:hover.google-color a .element-ready-social-content p { background: #EA4335; color: #fff } .element-ready-social-style-11:hover.google-color a .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-11.element-ready-social-style-12 a { border-radius: 0; box-shadow: 0 15px 20px 3px rgba(0, 0, 0, .2) } .element-ready-social-style-11.element-ready-social-style-12 a .element-ready-social-icon i { height: 57px; line-height: 57px; width: 57px; border-radius: 0 } .element-ready-social-style-11.element-ready-social-style-12 a .element-ready-social-content { padding: 15px 0 } .element-ready-social-style-11.element-ready-social-style-12 a .element-ready-social-content p { position: absolute; right: 0; top: 100%; border-radius: 0 } .element-ready-social-style-13 a { display: block; background: #385898; border-radius: 40px 5px 40px 5px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; position: relative; width: 270px; padding: 0 0; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; overflow: hidden } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-13 a { width: 220px } } @media only screen and (min-width:768px) and (max-width:991px) { .element-ready-social-style-13 a { margin-bottom: 40px } } @media (max-width:767px) { .element-ready-social-style-13 a { margin-bottom: 40px } } .element-ready-social-style-13 a .element-ready-social-icon { transform: rotateY(0deg); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-13 a .element-ready-social-icon i { font-size: 30px; color: #fff; height: 65px; width: 70px; text-align: center; line-height: 65px; border-radius: 40px 0 0 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position: relative } .element-ready-social-style-13 a .element-ready-social-content { padding-left: 20px; background: #fff; width: 100%; border-radius: 40px 0 0 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-13 a .element-ready-social-content span { display: inline-block; font-size: 14px; font-weight: 400; color: #385898; line-height: 65px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-13.twitter a { background: #1da1f2 } .element-ready-social-style-13.twitter .element-ready-social-icon i { color: #fff } .element-ready-social-style-13.twitter .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-13.whatsapp a { background: #1ebea5 } .element-ready-social-style-13.whatsapp .element-ready-social-icon i { color: #fff } .element-ready-social-style-13.whatsapp .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-13.google a { background: #EA4335 } .element-ready-social-style-13.google .element-ready-social-icon i { color: #fff } .element-ready-social-style-13.google .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-13.facebook-color a { background: #fff } .element-ready-social-style-13.facebook-color .element-ready-social-icon i { color: #385898 } .element-ready-social-style-13.facebook-color .element-ready-social-content { background: #385898 } .element-ready-social-style-13.facebook-color .element-ready-social-content span { color: #fff } .element-ready-social-style-13.twitter-color a { background: #fff } .element-ready-social-style-13.twitter-color .element-ready-social-icon i { color: #1da1f2 } .element-ready-social-style-13.twitter-color .element-ready-social-content { background: #1da1f2 } .element-ready-social-style-13.twitter-color .element-ready-social-content span { color: #fff } .element-ready-social-style-13.whatsapp-color a { background: #fff } .element-ready-social-style-13.whatsapp-color .element-ready-social-icon i { color: #1ebea5 } .element-ready-social-style-13.whatsapp-color .element-ready-social-content { background: #1ebea5 } .element-ready-social-style-13.whatsapp-color .element-ready-social-content span { color: #fff } .element-ready-social-style-13.google-color a { background: #fff } .element-ready-social-style-13.google-color .element-ready-social-icon i { color: #EA4335 } .element-ready-social-style-13.google-color .element-ready-social-content { background: #EA4335 } .element-ready-social-style-13.google-color .element-ready-social-content span { color: #fff } .element-ready-social-style-13:hover a { background: #fff } .element-ready-social-style-13:hover a .element-ready-social-icon { transform: rotateY(360deg) } .element-ready-social-style-13:hover a .element-ready-social-icon i { color: #385898 } .element-ready-social-style-13:hover a .element-ready-social-content { background: #385898 } .element-ready-social-style-13:hover a .element-ready-social-content span { color: #fff } .element-ready-social-style-13:hover.twitter a { background: #fff } .element-ready-social-style-13:hover.twitter a .element-ready-social-icon i { color: #1da1f2 } .element-ready-social-style-13:hover.twitter a .element-ready-social-content { background: #1da1f2 } .element-ready-social-style-13:hover.whatsapp a { background: #fff } .element-ready-social-style-13:hover.whatsapp a .element-ready-social-icon i { color: #1ebea5 } .element-ready-social-style-13:hover.whatsapp a .element-ready-social-content { background: #1ebea5 } .element-ready-social-style-13:hover.google a { background: #fff } .element-ready-social-style-13:hover.google a .element-ready-social-icon i { color: #EA4335 } .element-ready-social-style-13:hover.google a .element-ready-social-content { background: #EA4335 } .element-ready-social-style-13:hover.facebook-color a { background: #385898 } .element-ready-social-style-13:hover.facebook-color a .element-ready-social-icon i { color: #fff } .element-ready-social-style-13:hover.facebook-color a .element-ready-social-content { background: #fff } .element-ready-social-style-13:hover.facebook-color a .element-ready-social-content span { color: #385898 } .element-ready-social-style-13:hover.twitter-color a { background: #1da1f2 } .element-ready-social-style-13:hover.twitter-color a .element-ready-social-icon i { color: #fff } .element-ready-social-style-13:hover.twitter-color a .element-ready-social-content { background: #fff } .element-ready-social-style-13:hover.twitter-color a .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-13:hover.whatsapp-color a { background: #1ebea5 } .element-ready-social-style-13:hover.whatsapp-color a .element-ready-social-icon i { color: #fff } .element-ready-social-style-13:hover.whatsapp-color a .element-ready-social-content { background: #fff } .element-ready-social-style-13:hover.whatsapp-color a .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-13:hover.google-color a { background: #EA4335 } .element-ready-social-style-13:hover.google-color a .element-ready-social-icon i { color: #fff } .element-ready-social-style-13:hover.google-color a .element-ready-social-content { background: #fff } .element-ready-social-style-13:hover.google-color a .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-14 { position: relative; z-index: 10; padding: 5px } @media only screen and (min-width:768px) and (max-width:991px) { .element-ready-social-style-14 { margin-bottom: 40px } } @media (max-width:767px) { .element-ready-social-style-14 { margin-bottom: 40px } } .element-ready-social-style-14::before { position: absolute; content: ''; left: 50%; top: 50%; transform: skewX(-20deg) translate(-50%, -50%); height: 100%; width: 100%; z-index: -1; border: 2px solid #385898 } .element-ready-social-style-14 a { display: block; border-radius: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; position: relative; width: 270px; padding: 0 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } @media only screen and (min-width:992px) and (max-width:1200px) { .element-ready-social-style-14 a { width: 220px } } .element-ready-social-style-14 a::before { position: absolute; content: ''; left: 14px; top: 0; height: 100%; width: 100%; background: #fff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2); transform: skewX(-20deg); z-index: -1; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-14 a .element-ready-social-icon { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-14 a .element-ready-social-icon i { font-size: 30px; color: #fff; height: 65px; width: 70px; text-align: center; line-height: 65px; border-radius: 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position: relative; padding-left: 24px } .element-ready-social-style-14 a .element-ready-social-icon i::after { position: absolute; content: ''; left: 14px; top: 0; height: 100%; width: 100%; background: #385898; z-index: -1; transform: skewX(-20deg); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-14 a .element-ready-social-content { padding-left: 30px } .element-ready-social-style-14 a .element-ready-social-content span { display: inline-block; font-size: 14px; font-weight: 400; color: #385898; line-height: 26px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-style-14.twitter::before { border-color: #1da1f2 } .element-ready-social-style-14.twitter .element-ready-social-icon i { color: #fff } .element-ready-social-style-14.twitter .element-ready-social-icon i::after { background: #1da1f2 } .element-ready-social-style-14.twitter .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-14.whatsapp::before { border-color: #1ebea5 } .element-ready-social-style-14.whatsapp .element-ready-social-icon i { color: #fff } .element-ready-social-style-14.whatsapp .element-ready-social-icon i::after { background: #1ebea5 } .element-ready-social-style-14.whatsapp .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-14.google::before { border-color: #EA4335 } .element-ready-social-style-14.google .element-ready-social-icon i { color: #fff } .element-ready-social-style-14.google .element-ready-social-icon i::after { background: #EA4335 } .element-ready-social-style-14.google .element-ready-social-content span { color: #EA4335 } .element-ready-social-style-14.facebook-color a::before { background: #385898 } .element-ready-social-style-14.facebook-color .element-ready-social-icon i { color: #385898 } .element-ready-social-style-14.facebook-color .element-ready-social-icon i::after { background: #fff } .element-ready-social-style-14.facebook-color .element-ready-social-content span { color: #fff } .element-ready-social-style-14.twitter-color::before { border-color: #1da1f2 } .element-ready-social-style-14.twitter-color a::before { background: #1da1f2 } .element-ready-social-style-14.twitter-color .element-ready-social-icon i { color: #1da1f2 } .element-ready-social-style-14.twitter-color .element-ready-social-icon i::after { background: #fff } .element-ready-social-style-14.twitter-color .element-ready-social-content span { color: #fff } .element-ready-social-style-14.whatsapp-color::before { border-color: #1ebea5 } .element-ready-social-style-14.whatsapp-color a::before { background: #1ebea5 } .element-ready-social-style-14.whatsapp-color .element-ready-social-icon i { color: #1ebea5 } .element-ready-social-style-14.whatsapp-color .element-ready-social-icon i::after { background: #fff } .element-ready-social-style-14.whatsapp-color .element-ready-social-content span { color: #fff } .element-ready-social-style-14.google-color::before { Mborder-color: #EA4335 } .element-ready-social-style-14.google-color a::before { background: #EA4335 } .element-ready-social-style-14.google-color .element-ready-social-icon i { color: #EA4335 } .element-ready-social-style-14.google-color .element-ready-social-icon i::after { background: #fff } .element-ready-social-style-14.google-color .element-ready-social-content span { color: #fff } .element-ready-social-style-14:hover a::before { background: #385898 } .element-ready-social-style-14:hover a .element-ready-social-icon i { color: #385898 } .element-ready-social-style-14:hover a .element-ready-social-icon i::after { background: #fff } .element-ready-social-style-14:hover a .element-ready-social-content span { color: #fff } .element-ready-social-style-14:hover.twitter a::before { background: #1da1f2 } .element-ready-social-style-14:hover.twitter a .element-ready-social-icon i { color: #1da1f2 } .element-ready-social-style-14:hover.whatsapp a::before { background: #1ebea5 } .element-ready-social-style-14:hover.whatsapp a .element-ready-social-icon i { color: #1ebea5 } .element-ready-social-style-14:hover.google a::before { background: #EA4335 } .element-ready-social-style-14:hover.google a .element-ready-social-icon i { color: #EA4335 } .element-ready-social-style-14:hover.facebook-color a::before { background: #fff } .element-ready-social-style-14:hover.facebook-color a .element-ready-social-icon i { color: #fff } .element-ready-social-style-14:hover.facebook-color a .element-ready-social-icon i::after { background: #385898 } .element-ready-social-style-14:hover.facebook-color a .element-ready-social-content span { color: #385898 } .element-ready-social-style-14:hover.twitter-color a::before { background: #fff } .element-ready-social-style-14:hover.twitter-color a .element-ready-social-icon i { color: #fff } .element-ready-social-style-14:hover.twitter-color a .element-ready-social-icon i::after { background: #1da1f2 } .element-ready-social-style-14:hover.twitter-color a .element-ready-social-content span { color: #1da1f2 } .element-ready-social-style-14:hover.whatsapp-color a::before { background: #fff } .element-ready-social-style-14:hover.whatsapp-color a .element-ready-social-icon i { color: #fff } .element-ready-social-style-14:hover.whatsapp-color a .element-ready-social-icon i::after { background: #1ebea5 } .element-ready-social-style-14:hover.whatsapp-color a .element-ready-social-content span { color: #1ebea5 } .element-ready-social-style-14:hover.google-color a::before { background: #fff } .element-ready-social-style-14:hover.google-color a .element-ready-social-icon i { color: #fff } .element-ready-social-style-14:hover.google-color a .element-ready-social-icon i::after { background: #EA4335 } .element-ready-social-style-14:hover.google-color a .element-ready-social-content span { color: #EA4335 } .element-ready-social-icon-style-1 { margin-right: 10px; margin-bottom: 10px } .element-ready-social-icon-style-1 a { height: 50px; width: 50px; text-align: center; line-height: 46px; display: inline-block; background: #385898; color: #fff; border: 2px solid #385898; border-radius: 50%; font-size: 20px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s } .element-ready-social-icon-style-1 a:hover { background-color: transparent; color: #385898 } .element-ready-social-icon-style-1.twitter a { background: #1da1f2; border-color: #1da1f2 } .element-ready-social-icon-style-1.twitter a:hover { background-color: transparent; color: #1da1f2 } .element-ready-social-icon-style-1.whatsapp a { background: #1ebea5; border-color: #1ebea5 } .element-ready-social-icon-style-1.whatsapp a:hover { background-color: transparent; color: #1ebea5 } .element-ready-social-icon-style-1.google a { background: #EA4335; border-color: #EA4335 } .element-ready-social-icon-style-1.google a:hover { background-color: transparent; color: #EA4335 } .element-ready-social-icon-style-1.facebook-color a { background-color: transparent; border-color: #385898; color: #385898 } .element-ready-social-icon-style-1.facebook-color a:hover { background: #385898; color: #fff } .element-ready-social-icon-style-1.twitter-color a { background-color: transparent; border-color: #1da1f2; color: #1da1f2 } .element-ready-social-icon-style-1.twitter-color a:hover { background: #1da1f2; color: #fff } .element-ready-social-icon-style-1.whatsapp-color a { background-color: transparent; border-color: #1ebea5; color: #1ebea5 } .element-ready-social-icon-style-1.whatsapp-color a:hover { background: #1ebea5; color: #fff } .element-ready-social-icon-style-1.google-color a { background-color: transparent; border-color: #EA4335; color: #EA4335 } .element-ready-social-icon-style-1.google-color a:hover { background: #EA4335; color: #fff } .element-ready-social-icon-style-1.element-ready-social-icon-style-2 a { border-radius: 10px } .element-ready-social-icon-style-3 { margin-right: 10px; margin-bottom: 40px } .element-ready-social-icon-style-3 a { width: 50px; height: auto; padding: 6px 0 15px; background: #fff; text-align: center; color: #000; border-radius: 40px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3) } .element-ready-social-icon-style-3 a i { height: 40px; width: 40px; background: #385898; color: #fff; line-height: 40px; border-radius: 50%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; font-size: 20px; transform: rotateY(0deg) } .element-ready-social-icon-style-3 a span { font-size: 8px; padding-top: 10px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s } .element-ready-social-icon-style-3 a span span { font-size: 12px; padding-top: 0 } .element-ready-social-icon-style-3 a:hover { background: #385898 } .element-ready-social-icon-style-3 a:hover i { background: #fff; color: #385898; transform: rotateY(360deg) } .element-ready-social-icon-style-3 a:hover span { color: #fff } .element-ready-social-icon-style-3.twitter a i { background: #1da1f2 } .element-ready-social-icon-style-3.twitter a:hover { background: #1da1f2 } .element-ready-social-icon-style-3.twitter a:hover i { background: #fff; color: #1da1f2 } .element-ready-social-icon-style-3.whatsapp a i { background: #1ebea5 } .element-ready-social-icon-style-3.whatsapp a:hover { background: #1ebea5 } .element-ready-social-icon-style-3.whatsapp a:hover i { background: #fff; color: #1ebea5 } .element-ready-social-icon-style-3.google a i { background: #EA4335 } .element-ready-social-icon-style-3.google a:hover { background: #EA4335 } .element-ready-social-icon-style-3.google a:hover i { background: #fff; color: #EA4335 } .element-ready-social-icon-style-3.facebook-color a { background: #385898 } .element-ready-social-icon-style-3.facebook-color a i { background: #fff; color: #385898 } .element-ready-social-icon-style-3.facebook-color a span { color: #fff } .element-ready-social-icon-style-3.facebook-color a:hover { background: #fff } .element-ready-social-icon-style-3.facebook-color a:hover i { background: #385898; color: #fff } .element-ready-social-icon-style-3.facebook-color a:hover span { color: #000 } .element-ready-social-icon-style-3.twitter-color a { background: #1da1f2 } .element-ready-social-icon-style-3.twitter-color a i { background: #fff; color: #1da1f2 } .element-ready-social-icon-style-3.twitter-color a span { color: #fff } .element-ready-social-icon-style-3.twitter-color a:hover { background: #fff } .element-ready-social-icon-style-3.twitter-color a:hover i { background: #1da1f2; color: #fff } .element-ready-social-icon-style-3.twitter-color a:hover span { color: #000 } .element-ready-social-icon-style-3.whatsapp-color a { background: #1ebea5 } .element-ready-social-icon-style-3.whatsapp-color a i { background: #fff; color: #1ebea5 } .element-ready-social-icon-style-3.whatsapp-color a span { color: #fff } .element-ready-social-icon-style-3.whatsapp-color a:hover { background: #fff } .element-ready-social-icon-style-3.whatsapp-color a:hover i { background: #1ebea5; color: #fff } .element-ready-social-icon-style-3.whatsapp-color a:hover span { color: #000 } .element-ready-social-icon-style-3.google-color a { background: #EA4335 } .element-ready-social-icon-style-3.google-color a i { background: #fff; color: #EA4335 } .element-ready-social-icon-style-3.google-color a span { color: #fff } .element-ready-social-icon-style-3.google-color a:hover { background: #fff } .element-ready-social-icon-style-3.google-color a:hover i { background: #EA4335; color: #fff } .element-ready-social-icon-style-3.google-color a:hover span { color: #000 } .element-ready-social-icon-style-3.element-ready-social-icon-style-4 a { width: 100px; border-radius: 10px; position: relative; padding: 15px 20px 5px } @media only screen and (min-width:768px) and (max-width:991px) { .element-ready-social-icon-style-3.element-ready-social-icon-style-4 a { padding: 15px 10px 10px; width: 70px } } .element-ready-social-icon-style-3.element-ready-social-icon-style-4 a i { position: absolute; left: 50%; top: -20px; transform: translateX(-50%) rotateY(0deg); box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2) } .element-ready-social-icon-style-3.element-ready-social-icon-style-4 a:hover i { transform: translateX(-50%) rotateY(360deg) }
Save
Cancel