.sosyal-media {width: 100%;height: auto;position: relative;padding:0px 0px 25px;background: #fff;margin-top: 25px;}
.sosyal-media .d-flex  {box-shadow: 0 35px 70px -30px rgba(0,0,0,.5); -webkit-box-shadow: 0 35px 70px -30px rgba(0,0,0,.5); -moz-box-shadow: 0 35px 70px -30px rgba(0,0,0,.5);}

.sosyal-media .baslik {width: 100%;height:228px;color: #FFF;display: flex;align-items: center;padding-left: 25px;background: linear-gradient(to right,#3C9D9B,#52DE97);position: relative;}
.sosyal-media .baslik small {display: block;width: 100%;font-size: 18px;font-weight: 300;}
.sosyal-media .baslik span {display: block;width: 100%;font-size: 28px;font-weight: 700;}

.sosyal-media .baslik:after {content: '';position: absolute;opacity: 0.1;right: -100px;top: 0px;width: 100%;height: 100%;background: url('../images/icon2.png') no-repeat right center;}


.twitter {background: #48B7EF;}
.facebook {background: #2841B8;}
.instagram {background-color: #8343D7; background: linear-gradient(315deg,#8343D7,#F55944); background: -webkit-linear-gradient(315deg,#8343D7,#F55944); background: -moz-linear-gradient(315deg,#8343D7,#F55944); background: -ms-linear-gradient(315deg,#8343D7,#F55944); background: -o-linear-gradient(315deg,#8343D7,#F55944);}

.sosyal-media .sosyal {width: 100%;height: 228px;}
.sosyal-media .sosyal a {max-width: 100%;max-height: 100%;}
.sosyal-media .sosyal a .resim{width: 50%;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;position: relative;}
.sosyal-media .sosyal a .resim img{width: 100%;height: 100%;}

.sosyal-media .sosyal a .resim .hover {opacity:0;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: linear-gradient(to right,#3C9D9B,#52de9775);display: flex;align-items: center;color: #fff;}

.sosyal-media .sosyal a:hover .resim .hover {opacity: 1;}
.sosyal-media .sosyal a .resim .hover .icon {display: block;font-size: 50px;}
.sosyal-media .sosyal a .resim .hover .icon .licon-smile {display: block;}
.sosyal-media .sosyal a .resim .hover .icon .licon-wink {display: none;}

.sosyal-media .sosyal a .resim .hover .icon:hover .licon-smile {display: none;}
.sosyal-media .sosyal a .resim .hover .icon:hover .licon-wink {display: block;}

.sosyal-media .sosyal a .resim .hover span {display: block;font-size: 18px;margin-top: 16px;}
.sosyal-media .sosyal a .resim .hover small {display: block;font-size: 16px;line-height: 16px;font-weight: 700;}

.sosyal-media .sosyal a .iconbg{width: 50%;display: flex;align-items: center;align-items: center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;}
.sosyal-media .sosyal a .iconbg .icon {margin: 0px auto;font-size: 45px;color: #ffF;}

.sosyal-media .sosyal a .iconbg:hover {border:solid 6px #fff;}
.sosyal-media .sosyal a .resim:hover {border:solid 6px #fff;}

.sosyal-media .resim {width:100%;background: url('../images/sosyalmedia.jpg');background-position: center;background-size: cover!important;}