/*Social Media Footer position css*/
footer{padding-top:0}
.socials_wrap{padding-top:15px;padding-bottom:10px}
.socials_wrap ul li {/*margin-right: 3%;*/}
.socials_wrap ul li a{padding:0;color:#fff;display:block;font-size:14px;transition:all .15s ease-in 0}
.socials_wrap ul li a i{border-radius:50%;color:#fff;cursor:pointer;display:inline-block;font-size:30px;height:55px;margin:0 5px 0 15px;position:relative;text-align:center;width:55px;z-index:1;overflow:hidden;vertical-align:middle;line-height:55px}
.socials_wrap ul li a i {/*border:4px solid #fff;*/transform: scale(0.8);transition: transform 0.2s ease 0s, opacity 0.2s ease 0s}
/*svg start*/
.socials_wrap ul li a i.svg svg{height: 25px; vertical-align: middle; text-align: center;}
/*svg end*/
/*22 april, 2023:  below code is usefull*/
.socials_wrap ul li a.customimage i, .socials_wrap ul li a i.svg {line-height: 50px;}
.socials_wrap ul li a span {color: #fff;font-size: 15px;text-transform: uppercase}
.socials_wrap ul li a:hover i{transform: scale(1);/*border:4px solid paleturquoise;color: paleturquoise;*/}
.socials_wrap .social-title{font-size:24px}
.social-title{color:#fff;margin-bottom:15px;font-size:18px;padding:5px 15px;display:inline-block;line-height:30px}
/*Social Media Footer position css End*/

/*Social Media left position css*/
.socials_wrap_left{position:fixed;top:25%;z-index:9999999;left:0}
.socials_wrap_left ul li a{padding:0;color:#fff;display:block;font-size:14px;transition:all .15s ease-in 0;position:relative}
.socials_wrap_left ul li a i{border-radius:50%;color:#666;cursor:pointer;display:inline-block;font-size:30px;height:55px;position:relative;text-align:center;width:55px;z-index:1;vertical-align:middle;overflow:hidden;line-height:55px;transform:scale(0.8);transition:transform .2s ease 0s,opacity .2s ease 0;background:#fff}

.socials_wrap_left ul li a i.svg svg{height: 25px; vertical-align: middle; text-align: center;}
.socials_wrap_left ul li a span{color:#fff;background:#229ac8;border-radius:3px;line-height:24px;left:34%;visibility:hidden;padding:0 10px;top:15px;position:absolute;opacity:0;white-space:nowrap;transition:opacity .3s ease 0s,left .4s ease 0}
.socials_wrap_left ul li a:hover span{left:60px;opacity:1;visibility:visible}
.socials_wrap_left ul li a:hover i {/*border: 4px solid #229ac8;color: #229ac8;*/transform: scale(1)}
/*Social Media left position css End*/

/*Social Media Right position css*/
.socials_wrap_right{position:fixed;top:25%;z-index:9999999;right:0}
.socials_wrap_right ul li a{padding:0;color:#fff;display:block;font-size:14px;transition:all .15s ease-in 0;position:relative}
.socials_wrap_right ul li a i{border-radius:50%;color:#666;cursor:pointer;display:inline-block;font-size:30px;height:55px;position:relative;text-align:center;width:55px;z-index:1;vertical-align:middle;line-height:55px}
.socials_wrap_right ul li a i {/*border:4px solid #666;*/transform: scale(0.8);transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;background: #fff;overflow: hidden}

.socials_wrap_right ul li a i.svg svg {height: 25px; vertical-align: middle; text-align: center;}
.socials_wrap_right ul li a span{color:#fff;background:#229ac8;border-radius:3px;line-height:24px;right:34%;visibility:hidden;padding:0 10px;top:15px;position:absolute;opacity:0;white-space:nowrap;transition:opacity .3s ease 0s,right .4s ease 0}
.socials_wrap_right ul li a:hover span{right:60px;opacity:1;visibility:visible}

.socials_wrap_right ul li a:hover i {/*border: 4px solid #229ac8;color: #229ac8;*/transform: scale(1)}
/*Social Media Right position css End*/

/*Social Media Left, Right Module css*/
#column-left .socials_wrap ul li a i,#column-right .socials_wrap ul li a i{margin:0 10px}
#column-left .socials_wrap,#column-right .socials_wrap{padding-bottom:10px}
/*Social Media Left, Right Module css End*/

/*Img css Start*/
.socials_wrap .img-hover .hover-icon,.socials_wrap_left .img-hover .hover-icon,.socials_wrap_right .img-hover .hover-icon{display:none}
/*22 april, 2023:  I learn no need for width and vertical-align to middle*/
/*.socials_wrap .img-hover img,.socials_wrap_left .img-hover img,.socials_wrap_right .img-hover img{vertical-align:top;width:100%}*/
.socials_wrap .img-hover img,.socials_wrap_left .img-hover img,.socials_wrap_right .img-hover img{vertical-align:middle;}
.socials_wrap .img-hover:hover .main-icon,.socials_wrap_left .img-hover:hover .main-icon,.socials_wrap_right .img-hover:hover .main-icon{display:none}
.socials_wrap .img-hover:hover .hover-icon,.socials_wrap_left .img-hover:hover .hover-icon,.socials_wrap_right .img-hover:hover .hover-icon{display:inherit;}