﻿
#social-links {
position: relative;
top:0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;

 /*margin-left: calc(100% - 800px);*/

margin-right:20px!important;
 margin-top:0px;



}
#social-links .floating-social-link {
height: 32px;
width: 32px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background-repeat: no-repeat;
background-position: bottom right;
margin-bottom:10px;
margin-right:3px;
float:right;

}
#social-links .floating-social-link:hover {
height: 52px;
}
#social-links .instagram {
    margin-top:45px;
background-color: #cd5959;
background-image: url('../ArkaPlan/sosyalmedya/32-instagram.png');
z-index:10!important;

}
#social-links .facebook {
    margin-top:45px;
    margin-right:20px;
background-color: #3b5998;
background-image: url('../ArkaPlan/sosyalmedya/32-facebook.png');

}
#social-links .duyuru {
   /*background-color:#00d8ff;*/
    width:66px;
    height:70px;
    font-size:11px;
    text-align:center;
    color:black;
    padding-top:10px;
    margin-top:45px;
    
background-image: url('../ArkaPlan/bayrak/mavi-kirlangic.png');
}
#social-links .duyuru:hover {
   
    width:66px;
    height:80px;
    padding-top:20px;
    

}
#social-links .duyuru2 {
   /*background-color:#00d8ff;*/
    width:66px;
    height:70px;
    font-size:11px;
    text-align:center;
    color:black;
    padding-top:10px;
        margin-top:45px;
    
background-image: url('../ArkaPlan/bayrak/turuncu-kirlangic.png');
}
#social-links .duyuru2:hover {
   
    width:66px;
    height:80px;
    padding-top:20px;
    

}

#social-links .duyuru3 {
   /*background-color:#D500F9;*/
    width:66px;
    height:105px;
    font-size:11px;
    text-align:center;
    color:black;
    padding-top:10px;
        margin-top:45px;
    
    
    
   
   
  
background-image: url('../ArkaPlan/bayrak/adayogrenci.png');

}
/*background-image: url('../ArkaPlan/bayrak/turuncu-kirlangic.png');*/

#social-links .duyuru3:hover {
   
    width:66px;
    height:115px;
    padding-top:20px;
    

}


#social-links .youtube {
    margin-top:45px;
    
   
background-color: #ff0000;
background-image: url('../ArkaPlan/sosyalmedya/youtube2.png');
}
#social-links .googleplus {
background-color: #dd4b39;
background-image: url('../ArkaPlan/sosyalmedya/32-googleplus.png');
}
#social-links .twitter {
    margin-top:45px;

background-color: #000000;
background-image: url('../ArkaPlan/sosyalmedya/32-twitter.png');


}

#social-links .ogrenci {
    margin-top:45px;
    width:80px;
    height:66px;
     margin-right:5px;
     font-size:11px;
    text-align:center;
    color:black;
    padding-top:10px;
    border-bottom:2px solid white;
    border-right:2px solid white;
    border-left:2px solid white;



background-color: #9A082F;
/*background-image: url('../ArkaPlan/sosyalmedya/32-twitter.png');*/

}

#social-links .ogrenci:hover {
    height:80px;
    padding-top:24px;
    

}
#social-links .inner-floatingsociallink {
width: 100%;
height: 100%;

}

@media screen and (max-width:1000px) {
    #social-links .youtube {
  
            }
    #social-links {
        margin-right: 0px !important;
        
       
    }
        #social-links .duyuru {
            height: 65px;
            padding-top: 5px;
            font-size: 10px;
            width:55px;

            background-position:center bottom;
           
        }
        #social-links .duyuru:hover {
            padding-top: 15px;
            height: 75px;
            width:55px;
            
        }
         #social-links .duyuru2 {
    height:65px;  
    padding-top:5px;
    font-size:10px;
            width:55px;
            background-position:center bottom;
 

    
}
        #social-links .duyuru2:hover {
            padding-top: 15px;
            height: 75px;
            width:55px;
            
        }
        
         #social-links .duyuru3 {
    height:95px;  
    padding-top:5px;
    font-size:10px;
            width:55px;
            background-position:center bottom;

            
    
}
        #social-links .duyuru3:hover {
           height:115px;  
    padding-top:15px;
    font-size:10px;
            width:55px;
    
        }

    .inner-floatingsociallink {
        width: 100%;
        height: 100%;
        
    }
    .floating-social-link {
        margin-top: -10px!important;
        
    }
}