/*========================= 
sosyalmedya start
=========================*/

ul.social-list {
    list-style: none;
    float: right;
}
ul.social-list li {
    float: left;
}
ul.social-list li a {
    display: inline-block;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #333333;
}
ul.social-list li a:hover {
    color: #fff;
    text-decoration: none;
}
ul.social-list li a.facebook:hover {
    background-color: #507CBE;
}
ul.social-list li a.twitter:hover {
    background-color: #63CDF1;
}
ul.social-list li a.google:hover {
    background-color: #F16261;
}
ul.social-list li a.dribbble:hover {
    background-color: #E46387;
}
ul.social-list li a.linkdin:hover {
    background-color: #90CADD;
}
ul.social-list li a.tumblr:hover {
    background-color: #4D7EA3;
}
ul.social-list li a.flickr:hover {
    background-color: #E474AF;
}
ul.social-list li a.instgram:hover {
    background-color: #FE1F7D;
}
ul.social-list li a.vimeo:hover {
    background-color: #87D3E0;
}
ul.social-list li a.skype:hover {
    background-color: #36C4F3
}
ul.social-list li a.youtube:hover {
    background-color: #ff0000
}
ul.social-list li a i {
    font-size: 20px;
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-left: 1px solid #f2f2f2;
}
ul.social-list li:last-child a i {
    border-right: 1px solid #f2f2f2;
}
/*========================= 
sosyalmedya end
=========================*/
ul.social2-list {
    list-style: none;
    padding: 0px!important;
}
ul.social2-list li {
    float: left;
}
ul.social2-list li a {
    display: inline-block;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #ccc;
}
ul.social2-list li a:hover {
    color: #fff;
    text-decoration: none;
}
ul.social2-list li a.facebook:hover {
    background-color: #507CBE;
}
ul.social2-list li a.twitter:hover {
    background-color: #63CDF1;
}
ul.social2-list li a.google:hover {
    background-color: #F16261;
}
ul.social2-list li a.dribbble:hover {
    background-color: #E46387;
}
ul.social2-list li a.linkdin:hover {
    background-color: #90CADD;
}
ul.social2-list li a.tumblr:hover {
    background-color: #4D7EA3;
}
ul.social2-list li a.flickr:hover {
    background-color: #E474AF;
}
ul.social2-list li a.instgram:hover {
    background-color: #FE1F7D;
}
ul.social2-list li a.vimeo:hover {
    background-color: #87D3E0;
}
ul.social2-list li a.skype:hover {
    background-color: #36C4F3
}
ul.social2-list li a.youtube:hover {
    background-color: #ff0000
}
ul.social2-list li a i {
    font-size: 20px;
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-left: 1px solid #5F5F5F;
}
ul.social2-list li:last-child a i {
    border-right: 1px solid #5F5F5F;
}